Fix some issues with import not centering costume

This commit is contained in:
DD 2017-10-10 16:02:16 -04:00
parent 582ab61665
commit cb34c29db6

View file

@ -29,10 +29,12 @@ class PaperCanvas extends React.Component {
paper.remove();
}
importSvg (svg, rotationCenterX, rotationCenterY) {
const imported = paper.project.importSVG(svg,
{
paper.project.importSVG(svg, {
expandShapes: true,
onLoad: function (item) {
const itemWidth = item.bounds.width;
const itemHeight = item.bounds.height;
// Remove viewbox
if (item.clipped) {
let mask;
@ -44,25 +46,27 @@ class PaperCanvas extends React.Component {
}
item.clipped = false;
mask.remove();
// Consider removing clip mask here?
}
while (item.reduce() !== item) {
// Reduce single item nested in groups
if (item.children && item.children.length === 1) {
item = item.reduce();
}
}
});
if (typeof rotationCenterX !== 'undefined' && typeof rotationCenterY !== 'undefined') {
imported.position =
item.position =
paper.project.view.center
.add(imported.bounds.width / 2, imported.bounds.height / 2)
.add(itemWidth / 2, itemHeight / 2)
.subtract(rotationCenterX, rotationCenterY);
} else {
// Center
imported.position = paper.project.view.center;
item.position = paper.project.view.center;
}
paper.project.view.update();
}
});
}
setCanvas (canvas) {
this.canvas = canvas;
if (this.props.canvasRef) {