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

Increase default anchor size for Konva.Transformer on touch devices. fix #814

Browse Source
This commit is contained in:
Anton Lavrenov 2019-12-23 10:52:49 -05:00
parent fbebc3fad2
commit 00c5ccc4bb
5 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -8,6 +8,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
* Make events work on some CSS transforms * Make events work on some CSS transforms
* Fix caching on float dimensions * Fix caching on float dimensions
* Fix `mouseleave` event on stage. * Fix `mouseleave` event on stage.
* Increase default anchor size for `Konva.Transformer` on touch devices
## 4.0.18 - 2019-11-20 ## 4.0.18 - 2019-11-20

6
konva.js
View File

@ -8,7 +8,7 @@
* Konva JavaScript Framework v4.0.18 * Konva JavaScript Framework v4.0.18
* http://konvajs.org/ * http://konvajs.org/
* Licensed under the MIT * Licensed under the MIT
* Date: Wed Dec 18 2019 * Date: Mon Dec 23 2019
* *
* 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 - present by Anton Lavrenov (Konva) * Modified work Copyright (C) 2014 - present by Anton Lavrenov (Konva)
@ -14567,6 +14567,7 @@
'bottom-center': 180, 'bottom-center': 180,
'bottom-right': 135 'bottom-right': 135
}; };
var TOUCH_DEVICE = 'ontouchstart' in Konva._global;
function getCursor(anchorName, rad, isMirrored) { function getCursor(anchorName, rad, isMirrored) {
if (anchorName === 'rotater') { if (anchorName === 'rotater') {
return 'crosshair'; return 'crosshair';
@ -14808,7 +14809,8 @@
strokeWidth: 1, strokeWidth: 1,
name: name + ' _anchor', name: name + ' _anchor',
dragDistance: 0, dragDistance: 0,
draggable: true draggable: true,
hitStrokeWidth: TOUCH_DEVICE ? 10 : 'auto'
}); });
var self = this; var self = this;
anchor.on('mousedown touchstart', function (e) { anchor.on('mousedown touchstart', function (e) {

4
konva.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
src/Shape.ts
View File

@ -52,7 +52,7 @@ export interface ShapeConfig extends NodeConfig {
fillPriority?: string; fillPriority?: string;
stroke?: string; stroke?: string;
strokeWidth?: number; strokeWidth?: number;
hitStrokeWidth?: number; hitStrokeWidth?: number | string;
strokeScaleEnabled?: boolean; strokeScaleEnabled?: boolean;
strokeHitEnabled?: boolean; strokeHitEnabled?: boolean;
strokeEnabled?: boolean; strokeEnabled?: boolean;

5
src/shapes/Transformer.ts
View File

@ -85,6 +85,8 @@ var ANGLES = {
'bottom-right': 135 'bottom-right': 135
}; };
const TOUCH_DEVICE = 'ontouchstart' in Konva._global;
function getCursor(anchorName, rad, isMirrored) { function getCursor(anchorName, rad, isMirrored) {
if (anchorName === 'rotater') { if (anchorName === 'rotater') {
return 'crosshair'; return 'crosshair';
@ -339,7 +341,8 @@ export class Transformer extends Group {
strokeWidth: 1, strokeWidth: 1,
name: name + ' _anchor', name: name + ' _anchor',
dragDistance: 0, dragDistance: 0,
draggable: true draggable: true,
hitStrokeWidth: TOUCH_DEVICE ? 10 : 'auto'
}); });
var self = this; var self = this;
anchor.on('mousedown touchstart', function(e) { anchor.on('mousedown touchstart', function(e) {