scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2025-01-10 14:42:13 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Selection limit (#572)

Browse source
This commit is contained in:
DD Liu 2018-08-03 13:10:45 -04:00 committed by GitHub
parent 500908acad
commit 6c84cbf76d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/helper/bitmap.js
View file

@ -659,11 +659,6 @@ const scaleBitmap = function (canvas, scale) {
* @param {paper.Raster} item raster to change
*/
const maybeApplyScaleToCanvas_ = function (item) {
if (!item.matrix.isInvertible()) {
item.remove();
return;
}
// context.drawImage will anti-alias the image if both width and height are reduced.
// However, it will preserve pixel colors if only one or the other is reduced, and
// imageSmoothingEnabled is set to false. Therefore, we can avoid aliasing by scaling
@ -719,6 +714,10 @@ const commitArbitraryTransformation_ = function (item, destination) {
* @param {paper.Raster} bitmap raster to draw selection to
*/
const commitSelectionToBitmap = function (selection, bitmap) {
if (!selection.matrix.isInvertible()) {
return;
}
maybeApplyScaleToCanvas_(selection);
commitArbitraryTransformation_(selection, bitmap);
};

15
src/helper/selection-tools/selection-box-tool.js
View file

@ -2,6 +2,7 @@ import paper from '@scratch/paper';
import {rectSelect} from '../guides';
import {clearSelection, processRectangularSelection} from '../selection';
import {getRaster} from '../layer';
import {ART_BOARD_WIDTH, ART_BOARD_HEIGHT} from '../view';
/** Tool to handle drag selection. A dotted line box appears and everything enclosed is selected. */
class SelectionBoxTool {
@ -44,12 +45,14 @@ class SelectionBoxTool {
onMouseUpBitmap (event) {
if (event.event.button > 0) return; // only first mouse button
if (this.selectionRect) {
const rect = new paper.Rectangle(
Math.round(this.selectionRect.bounds.x),
Math.round(this.selectionRect.bounds.y),
Math.round(this.selectionRect.bounds.width),
Math.round(this.selectionRect.bounds.height),
);
const rect = new paper.Rectangle({
from: new paper.Point(
Math.max(0, Math.round(this.selectionRect.bounds.topLeft.x)),
Math.max(0, Math.round(this.selectionRect.bounds.topLeft.y))),
to: new paper.Point(
Math.min(ART_BOARD_WIDTH, Math.round(this.selectionRect.bounds.bottomRight.x)),
Math.min(ART_BOARD_HEIGHT, Math.round(this.selectionRect.bounds.bottomRight.y)))
});
// Remove dotted rectangle
this.selectionRect.remove();