lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-06-28 15:23:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

keepRatio property for Konva.Resizer

Browse Source
This commit is contained in:
Anton Lavrenov 2017-12-28 08:32:00 +07:00
parent 89d3dbc73a
commit 70deefd8aa
3 changed files with 46 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
konva.js
View File

@ -2,7 +2,7 @@
* Konva JavaScript Framework v1.7.6 * Konva JavaScript Framework v1.7.6
* http://konvajs.github.io/ * http://konvajs.github.io/
* Licensed under the MIT or GPL Version 2 licenses. * Licensed under the MIT or GPL Version 2 licenses.
* Date: Thu Dec 21 2017 * Date: Thu Dec 28 2017
* *
* Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS) * Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)
* Modified work Copyright (C) 2014 - 2017 by Anton Lavrenov (Konva) * Modified work Copyright (C) 2014 - 2017 by Anton Lavrenov (Konva)
@ -2493,7 +2493,7 @@
* cache node to improve drawing performance, apply filters, or create more accurate * cache node to improve drawing performance, apply filters, or create more accurate
* hit regions. For all basic shapes size of cache canvas will be automatically detected. * hit regions. For all basic shapes size of cache canvas will be automatically detected.
* If you need to cache your custom `Konva.Shape` instance you have to pass shape's bounding box * If you need to cache your custom `Konva.Shape` instance you have to pass shape's bounding box
* properties. Look at [link to demo page](link to demo page) for more information. * properties. Look at [https://konvajs.github.io/docs/performance/Shape_Caching.html](link to demo page) for more information.
* @method * @method
* @memberof Konva.Node.prototype * @memberof Konva.Node.prototype
* @param {Object} [config] * @param {Object} [config]
@ -18519,40 +18519,46 @@
}); });
} }
this.findOne('.top-left').position({ var keepRatio = this.keepRatio();
this.findOne('.top-left').setAttrs({
x: 0, x: 0,
y: 0 y: 0
}); });
this.findOne('.top-center').position({ this.findOne('.top-center').setAttrs({
x: width / 2, x: width / 2,
y: 0 y: 0,
visible: !keepRatio
}); });
this.findOne('.top-right').position({ this.findOne('.top-right').setAttrs({
x: width, x: width,
y: 0 y: 0
}); });
this.findOne('.middle-left').position({ this.findOne('.middle-left').setAttrs({
x: 0, x: 0,
y: height / 2 y: height / 2,
visible: !keepRatio
}); });
this.findOne('.middle-right').position({ this.findOne('.middle-right').setAttrs({
x: width, x: width,
y: height / 2 y: height / 2,
visible: !keepRatio
}); });
this.findOne('.bottom-left').position({ this.findOne('.bottom-left').setAttrs({
x: 0, x: 0,
y: height y: height
}); });
this.findOne('.bottom-center').position({ this.findOne('.bottom-center').setAttrs({
x: width / 2, x: width / 2,
y: height y: height,
visible: !keepRatio
}); });
this.findOne('.bottom-right').position({ this.findOne('.bottom-right').setAttrs({
x: width, x: width,
y: height y: height
}); });
this.findOne('.rotater').position({ this.findOne('.rotater').setAttrs({
x: width / 2, x: width / 2,
y: -50 y: -50
}); });
@ -18568,5 +18574,7 @@
}; };
Konva.Util.extend(Konva.Resizer, Konva.Group); Konva.Util.extend(Konva.Resizer, Konva.Group);
Konva.Factory.addGetterSetter(Konva.Resizer, 'keepRatio', false);
Konva.Collection.mapMethods(Konva.Resizer); Konva.Collection.mapMethods(Konva.Resizer);
})(Konva); })(Konva);

4
konva.min.js vendored
View File

File diff suppressed because one or more lines are too long

34
src/shapes/Resizer.js
View File

@ -298,40 +298,46 @@
}); });
} }
this.findOne('.top-left').position({ var keepRatio = this.keepRatio();
this.findOne('.top-left').setAttrs({
x: 0, x: 0,
y: 0 y: 0
}); });
this.findOne('.top-center').position({ this.findOne('.top-center').setAttrs({
x: width / 2, x: width / 2,
y: 0 y: 0,
visible: !keepRatio
}); });
this.findOne('.top-right').position({ this.findOne('.top-right').setAttrs({
x: width, x: width,
y: 0 y: 0
}); });
this.findOne('.middle-left').position({ this.findOne('.middle-left').setAttrs({
x: 0, x: 0,
y: height / 2 y: height / 2,
visible: !keepRatio
}); });
this.findOne('.middle-right').position({ this.findOne('.middle-right').setAttrs({
x: width, x: width,
y: height / 2 y: height / 2,
visible: !keepRatio
}); });
this.findOne('.bottom-left').position({ this.findOne('.bottom-left').setAttrs({
x: 0, x: 0,
y: height y: height
}); });
this.findOne('.bottom-center').position({ this.findOne('.bottom-center').setAttrs({
x: width / 2, x: width / 2,
y: height y: height,
visible: !keepRatio
}); });
this.findOne('.bottom-right').position({ this.findOne('.bottom-right').setAttrs({
x: width, x: width,
y: height y: height
}); });
this.findOne('.rotater').position({ this.findOne('.rotater').setAttrs({
x: width / 2, x: width / 2,
y: -50 y: -50
}); });
@ -347,5 +353,7 @@
}; };
Konva.Util.extend(Konva.Resizer, Konva.Group); Konva.Util.extend(Konva.Resizer, Konva.Group);
Konva.Factory.addGetterSetter(Konva.Resizer, 'keepRatio', false);
Konva.Collection.mapMethods(Konva.Resizer); Konva.Collection.mapMethods(Konva.Resizer);
})(Konva); })(Konva);