@bucky24/react-canvas/build/ImageStrip.js

A library of components that can be used to manipulate a canvas using JSX embedded in react.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = ImageStrip;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _main = require("./main");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var propTypes = {
  src: _propTypes.default.string.isRequired,
  cellWidth: _propTypes.default.number.isRequired,
  cellHeight: _propTypes.default.number.isRequired,
  x: _propTypes.default.number.isRequired,
  y: _propTypes.default.number.isRequired,
  cellX: _propTypes.default.number.isRequired,
  cellY: _propTypes.default.number.isRequired,
  width: _propTypes.default.number.isRequired,
  height: _propTypes.default.number.isRequired
};
function ImageStrip(_ref) {
  var src = _ref.src,
    width = _ref.width,
    height = _ref.height,
    cellWidth = _ref.cellWidth,
    cellHeight = _ref.cellHeight,
    cellX = _ref.cellX,
    cellY = _ref.cellY,
    x = _ref.x,
    y = _ref.y;
  var xPos = cellX * cellWidth;
  var yPos = cellY * cellHeight;
  return _react.default.createElement(_main.Image, {
    src: src,
    width: width,
    height: height,
    x: x,
    y: y,
    clip: {
      x: xPos,
      y: yPos,
      width: cellWidth,
      height: cellHeight
    }
  });
}
ImageStrip.propTypes = propTypes;