mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
|
/**
|
||
|
|
* @provide pskl.drawingtools.ShapeSelect
|
||
|
|
*
|
||
|
|
* @require pskl.utils
|
||
|
|
*/
|
||
|
|
(function() {
|
||
|
|
var ns = $.namespace("pskl.drawingtools");
|
||
|
|
|
||
|
|
ns.ShapeSelect = function() {
|
||
|
|
this.toolId = "tool-shape-select";
|
||
|
|
this.helpText = "Shape selection tool";
|
||
|
|
|
||
|
|
ns.BaseSelect.call(this);
|
||
|
|
};
|
||
|
|
|
||
|
|
pskl.utils.inherit(ns.ShapeSelect, ns.BaseSelect);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* For the shape select tool, you just need to click one time to create a selection.
|
||
|
|
* So we jsut need to implement onSelectStart_ (no need for onSelect_ & onSelectEnd_)
|
||
|
|
* @override
|
||
|
|
*/
|
||
|
|
ns.ShapeSelect.prototype.onSelectStart_ = function (col, row, color, frame, overlay) {
|
||
|
|
// Clean previous selection:
|
||
|
|
$.publish(Events.SELECTION_DISMISSED);
|
||
|
|
overlay.clear();
|
||
|
|
|
||
|
|
// From the pixel cliked, get shape using an algorithm similar to the paintbucket one:
|
||
|
|
var pixels = pskl.PixelUtils.getSimilarConnectedPixelsFromFrame(frame, col, row);
|
||
|
|
var selection = new pskl.selection.ShapeSelection(pixels);
|
||
|
|
|
||
|
|
$.publish(Events.SELECTION_CREATED, [selection]);
|
||
|
|
this.drawSelectionOnOverlay_(selection, overlay);
|
||
|
|
};
|
||
|
|
|
||
|
|
})();
|