@hprint/plugins 0.0.1-alpha.3 → 0.0.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +17 -17
- package/dist/index.mjs +1282 -1277
- package/dist/src/plugins/CreateElementPlugin.d.ts +4 -0
- package/dist/src/plugins/CreateElementPlugin.d.ts.map +1 -1
- package/dist/src/utils/ruler/ruler.d.ts +1 -0
- package/dist/src/utils/ruler/ruler.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/assets/style/resizePlugin.css +27 -27
- package/src/objects/Arrow.js +47 -47
- package/src/objects/ThinTailArrow.js +50 -50
- package/src/plugins/AlignGuidLinePlugin.ts +1152 -1152
- package/src/plugins/ControlsPlugin.ts +251 -251
- package/src/plugins/ControlsRotatePlugin.ts +111 -111
- package/src/plugins/CopyPlugin.ts +255 -255
- package/src/plugins/CreateElementPlugin.ts +23 -2
- package/src/plugins/DeleteHotKeyPlugin.ts +57 -57
- package/src/plugins/DrawLinePlugin.ts +162 -162
- package/src/plugins/DrawPolygonPlugin.ts +205 -205
- package/src/plugins/DringPlugin.ts +125 -125
- package/src/plugins/FlipPlugin.ts +59 -59
- package/src/plugins/FontPlugin.ts +165 -165
- package/src/plugins/FreeDrawPlugin.ts +49 -49
- package/src/plugins/GroupAlignPlugin.ts +365 -365
- package/src/plugins/GroupPlugin.ts +82 -82
- package/src/plugins/GroupTextEditorPlugin.ts +198 -198
- package/src/plugins/HistoryPlugin.ts +181 -181
- package/src/plugins/ImageStroke.ts +121 -121
- package/src/plugins/LayerPlugin.ts +108 -108
- package/src/plugins/LockPlugin.ts +242 -242
- package/src/plugins/MaskPlugin.ts +155 -155
- package/src/plugins/MaterialPlugin.ts +224 -224
- package/src/plugins/MiddleMousePlugin.ts +45 -45
- package/src/plugins/MoveHotKeyPlugin.ts +46 -46
- package/src/plugins/PathTextPlugin.ts +89 -89
- package/src/plugins/PolygonModifyPlugin.ts +224 -224
- package/src/plugins/PrintPlugin.ts +81 -81
- package/src/plugins/PsdPlugin.ts +52 -52
- package/src/plugins/ResizePlugin.ts +278 -278
- package/src/plugins/RulerPlugin.ts +78 -78
- package/src/plugins/SimpleClipImagePlugin.ts +244 -244
- package/src/plugins/UnitPlugin.ts +326 -326
- package/src/plugins/WaterMarkPlugin.ts +257 -257
- package/src/types/eventType.ts +11 -11
- package/src/utils/psd.js +432 -432
- package/src/utils/ruler/guideline.ts +145 -145
- package/src/utils/ruler/index.ts +91 -91
- package/src/utils/ruler/ruler.ts +936 -924
- package/src/utils/ruler/utils.ts +162 -162
- package/tsconfig.json +10 -10
- package/vite.config.ts +29 -29
|
@@ -14,6 +14,10 @@ declare class CreateElementPlugin implements IPluginTempl {
|
|
|
14
14
|
dealMethod: 'single' | 'points';
|
|
15
15
|
}>;
|
|
16
16
|
constructor(canvas: fabric.Canvas, editor: IEditor);
|
|
17
|
+
hookTransformObjectEnd({ originObject, fabricObject }: {
|
|
18
|
+
originObject: any;
|
|
19
|
+
fabricObject: any;
|
|
20
|
+
}): Promise<void>;
|
|
17
21
|
private _processPoints;
|
|
18
22
|
/**
|
|
19
23
|
* 覆盖指定对象实例的 set 方法,仅在本插件创建的元素上生效
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateElementPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/CreateElementPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG1D,KAAK,OAAO,GAAG,IAAI,CACf,mBAAmB,EACjB,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,aAAa,GACb,eAAe,GACf,cAAc,CACnB,CAAC;AAEF,OAAO,QAAQ,cAAc,CAAC;IAC1B,UAAU,OAAQ,SAAQ,OAAO;KAAI;CACxC;AAED,cAAM,mBAAoB,YAAW,YAAY;IA6BlC,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,MAAM,EAAE,OAAO;IA7B1B,MAAM,CAAC,UAAU,SAAyB;IAC1C,MAAM,CAAC,IAAI,WAWT;IAEF,MAAM,CAAC,kBAAkB,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAA;KAAE,CAAC,CAWlF;gBAGS,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"CreateElementPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/CreateElementPlugin.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ruler.d.ts","sourceRoot":"","sources":["../../../../src/utils/ruler/ruler.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,OAAO,EAAE,MAAM,EAAE,KAAK,EAAU,MAAM,cAAc,CAAC;AActE;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,MAAM,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC;AAET,cAAM,WAAW;IACb,SAAS,CAAC,GAAG,EAAE,wBAAwB,CAAC;IAExC;;OAEG;IACI,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvC;;OAEG;IACH,OAAO,CAAC,IAAI,CAAqB;IAEjC;;OAEG;IACI,gBAAgB,EAAE,SAAS,GAAG,KAAK,CAAC;IAE3C,OAAO,CAAC,QAAQ,CAAuB;IAEvC;;OAEG;IACH,OAAO,CAAC,UAAU,CAKZ;IAEN;;OAEG;IACH,OAAO,CAAC,YAAY,CAsBlB;IAEF,OAAO,CAAC,QAAQ,CAQV;IAEN,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,mBAAmB,CAA4B;
|
|
1
|
+
{"version":3,"file":"ruler.d.ts","sourceRoot":"","sources":["../../../../src/utils/ruler/ruler.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,OAAO,EAAE,MAAM,EAAE,KAAK,EAAU,MAAM,cAAc,CAAC;AActE;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,MAAM,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC;AAET,cAAM,WAAW;IACb,SAAS,CAAC,GAAG,EAAE,wBAAwB,CAAC;IAExC;;OAEG;IACI,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvC;;OAEG;IACH,OAAO,CAAC,IAAI,CAAqB;IAEjC;;OAEG;IACI,gBAAgB,EAAE,SAAS,GAAG,KAAK,CAAC;IAE3C,OAAO,CAAC,QAAQ,CAAuB;IAEvC;;OAEG;IACH,OAAO,CAAC,UAAU,CAKZ;IAEN;;OAEG;IACH,OAAO,CAAC,YAAY,CAsBlB;IAEF,OAAO,CAAC,QAAQ,CAQV;IAEN,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,qBAAqB,CAAuB;gBAExC,QAAQ,EAAE,YAAY;IA+B3B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAOhC,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,WAAW;IASZ,OAAO;IAId;;OAEG;IACI,cAAc;IAMrB;;OAEG;IACI,aAAa;IASpB;;OAEG;IACI,aAAa;IASpB;;OAEG;IACI,MAAM;IAgCb;;OAEG;IACI,OAAO;IAkCd;;OAEG;IACI,MAAM;IA2Db;;OAEG;IACH,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,IAAI;IAgPZ;;OAEG;IAYH,OAAO,CAAC,cAAc;IA4EtB,OAAO,CAAC,wBAAwB;IAwEhC;;OAEG;IACH,OAAO,CAAC,WAAW;IAKnB;;;;KAIC;IACM,cAAc,CAAC,KAAK,EAAE,KAAK;IAuBlC,OAAO,CAAC,eAAe;IAgCvB,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,eAAe;IA8CvB,OAAO,CAAC,aAAa;CAWxB;AAED,eAAe,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hprint/plugins",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
"qs": "~6.12.3",
|
|
23
23
|
"socket.io-client": "^4.8.1",
|
|
24
24
|
"uuid": "~8.3.2",
|
|
25
|
-
"@hprint/core": "0.0.1-alpha.
|
|
26
|
-
"@hprint/shared": "0.0.1-alpha.
|
|
25
|
+
"@hprint/core": "0.0.1-alpha.4",
|
|
26
|
+
"@hprint/shared": "0.0.1-alpha.4"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@types/bwip-js": "^3.2.3",
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
.resize-bar {
|
|
2
|
-
border-radius: 3px;
|
|
3
|
-
background-color: rgba(160, 160, 160, 0.6);
|
|
4
|
-
position: absolute;
|
|
5
|
-
}
|
|
6
|
-
.resize-bar:hover {
|
|
7
|
-
background-color: #328cff;
|
|
8
|
-
}
|
|
9
|
-
.resize-bar.horizontal {
|
|
10
|
-
width: 6px;
|
|
11
|
-
height: 30px;
|
|
12
|
-
}
|
|
13
|
-
.resize-bar.vertical {
|
|
14
|
-
width: 30px;
|
|
15
|
-
height: 6px;
|
|
16
|
-
}
|
|
17
|
-
.resize-bar.active {
|
|
18
|
-
background-color: #328cff;
|
|
19
|
-
}
|
|
20
|
-
#resize-left-bar,
|
|
21
|
-
#resize-right-bar {
|
|
22
|
-
cursor: ew-resize;
|
|
23
|
-
}
|
|
24
|
-
#resize-top-bar,
|
|
25
|
-
#resize-bottom-bar {
|
|
26
|
-
cursor: ns-resize;
|
|
27
|
-
}
|
|
1
|
+
.resize-bar {
|
|
2
|
+
border-radius: 3px;
|
|
3
|
+
background-color: rgba(160, 160, 160, 0.6);
|
|
4
|
+
position: absolute;
|
|
5
|
+
}
|
|
6
|
+
.resize-bar:hover {
|
|
7
|
+
background-color: #328cff;
|
|
8
|
+
}
|
|
9
|
+
.resize-bar.horizontal {
|
|
10
|
+
width: 6px;
|
|
11
|
+
height: 30px;
|
|
12
|
+
}
|
|
13
|
+
.resize-bar.vertical {
|
|
14
|
+
width: 30px;
|
|
15
|
+
height: 6px;
|
|
16
|
+
}
|
|
17
|
+
.resize-bar.active {
|
|
18
|
+
background-color: #328cff;
|
|
19
|
+
}
|
|
20
|
+
#resize-left-bar,
|
|
21
|
+
#resize-right-bar {
|
|
22
|
+
cursor: ew-resize;
|
|
23
|
+
}
|
|
24
|
+
#resize-top-bar,
|
|
25
|
+
#resize-bottom-bar {
|
|
26
|
+
cursor: ns-resize;
|
|
27
|
+
}
|
package/src/objects/Arrow.js
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { fabric } from '@hprint/core';
|
|
2
|
-
|
|
3
|
-
fabric.Arrow = fabric.util.createClass(fabric.Line, {
|
|
4
|
-
type: 'arrow',
|
|
5
|
-
superType: 'drawing',
|
|
6
|
-
initialize(points, options) {
|
|
7
|
-
if (!points) {
|
|
8
|
-
const { x1, x2, y1, y2 } = options;
|
|
9
|
-
points = [x1, y1, x2, y2];
|
|
10
|
-
}
|
|
11
|
-
options = options || {};
|
|
12
|
-
this.callSuper('initialize', points, options);
|
|
13
|
-
},
|
|
14
|
-
_render(ctx) {
|
|
15
|
-
this.callSuper('_render', ctx);
|
|
16
|
-
ctx.save();
|
|
17
|
-
// 乘或除对应的scaleX(Y),抵消元素放缩造成的影响,使箭头不会变形
|
|
18
|
-
ctx.scale(1 / this.scaleX, 1 / this.scaleY);
|
|
19
|
-
const xDiff = (this.x2 - this.x1) * this.scaleX;
|
|
20
|
-
const yDiff = (this.y2 - this.y1) * this.scaleY;
|
|
21
|
-
const angle = Math.atan2(yDiff, xDiff);
|
|
22
|
-
ctx.translate(
|
|
23
|
-
((this.x2 - this.x1) / 2) * this.scaleX,
|
|
24
|
-
((this.y2 - this.y1) / 2) * this.scaleY
|
|
25
|
-
);
|
|
26
|
-
ctx.rotate(angle);
|
|
27
|
-
ctx.beginPath();
|
|
28
|
-
// Move 5px in front of line to start the arrow so it does not have the square line end showing in front (0,0)
|
|
29
|
-
ctx.moveTo(0, 0);
|
|
30
|
-
ctx.lineTo(-10, 5);
|
|
31
|
-
ctx.lineTo(-10, -5);
|
|
32
|
-
ctx.closePath();
|
|
33
|
-
ctx.lineWidth = this.lineWidth;
|
|
34
|
-
ctx.strokeStyle = this.stroke;
|
|
35
|
-
ctx.fillStyle = this.fill;
|
|
36
|
-
ctx.stroke();
|
|
37
|
-
ctx.fill();
|
|
38
|
-
ctx.restore();
|
|
39
|
-
},
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
fabric.Arrow.fromObject = (options, callback) => {
|
|
43
|
-
const { x1, x2, y1, y2 } = options;
|
|
44
|
-
return callback(new fabric.Arrow([x1, y1, x2, y2], options));
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export default fabric.Arrow;
|
|
1
|
+
import { fabric } from '@hprint/core';
|
|
2
|
+
|
|
3
|
+
fabric.Arrow = fabric.util.createClass(fabric.Line, {
|
|
4
|
+
type: 'arrow',
|
|
5
|
+
superType: 'drawing',
|
|
6
|
+
initialize(points, options) {
|
|
7
|
+
if (!points) {
|
|
8
|
+
const { x1, x2, y1, y2 } = options;
|
|
9
|
+
points = [x1, y1, x2, y2];
|
|
10
|
+
}
|
|
11
|
+
options = options || {};
|
|
12
|
+
this.callSuper('initialize', points, options);
|
|
13
|
+
},
|
|
14
|
+
_render(ctx) {
|
|
15
|
+
this.callSuper('_render', ctx);
|
|
16
|
+
ctx.save();
|
|
17
|
+
// 乘或除对应的scaleX(Y),抵消元素放缩造成的影响,使箭头不会变形
|
|
18
|
+
ctx.scale(1 / this.scaleX, 1 / this.scaleY);
|
|
19
|
+
const xDiff = (this.x2 - this.x1) * this.scaleX;
|
|
20
|
+
const yDiff = (this.y2 - this.y1) * this.scaleY;
|
|
21
|
+
const angle = Math.atan2(yDiff, xDiff);
|
|
22
|
+
ctx.translate(
|
|
23
|
+
((this.x2 - this.x1) / 2) * this.scaleX,
|
|
24
|
+
((this.y2 - this.y1) / 2) * this.scaleY
|
|
25
|
+
);
|
|
26
|
+
ctx.rotate(angle);
|
|
27
|
+
ctx.beginPath();
|
|
28
|
+
// Move 5px in front of line to start the arrow so it does not have the square line end showing in front (0,0)
|
|
29
|
+
ctx.moveTo(0, 0);
|
|
30
|
+
ctx.lineTo(-10, 5);
|
|
31
|
+
ctx.lineTo(-10, -5);
|
|
32
|
+
ctx.closePath();
|
|
33
|
+
ctx.lineWidth = this.lineWidth;
|
|
34
|
+
ctx.strokeStyle = this.stroke;
|
|
35
|
+
ctx.fillStyle = this.fill;
|
|
36
|
+
ctx.stroke();
|
|
37
|
+
ctx.fill();
|
|
38
|
+
ctx.restore();
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
fabric.Arrow.fromObject = (options, callback) => {
|
|
43
|
+
const { x1, x2, y1, y2 } = options;
|
|
44
|
+
return callback(new fabric.Arrow([x1, y1, x2, y2], options));
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export default fabric.Arrow;
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { fabric } from '@hprint/core';
|
|
2
|
-
|
|
3
|
-
fabric.ThinTailArrow = fabric.util.createClass(fabric.Line, {
|
|
4
|
-
type: 'thinTailArrow',
|
|
5
|
-
superType: 'drawing',
|
|
6
|
-
initialize(points, options) {
|
|
7
|
-
if (!points) {
|
|
8
|
-
const { x1, x2, y1, y2 } = options;
|
|
9
|
-
points = [x1, y1, x2, y2];
|
|
10
|
-
}
|
|
11
|
-
options = options || {};
|
|
12
|
-
this.callSuper('initialize', points, options);
|
|
13
|
-
},
|
|
14
|
-
_render(ctx) {
|
|
15
|
-
ctx.save();
|
|
16
|
-
// 乘或除对应的scaleX(Y),抵消元素放缩造成的影响,使箭头不会变形
|
|
17
|
-
ctx.scale(1 / this.scaleX, 1 / this.scaleY);
|
|
18
|
-
const xDiff = (this.x2 - this.x1) * this.scaleX;
|
|
19
|
-
const yDiff = (this.y2 - this.y1) * this.scaleY;
|
|
20
|
-
ctx.translate(-xDiff / 2, -yDiff / 2);
|
|
21
|
-
// 箭头方位角
|
|
22
|
-
const angle = Math.atan2(yDiff, xDiff);
|
|
23
|
-
ctx.rotate(angle);
|
|
24
|
-
// 箭头总长(最小长度是20)
|
|
25
|
-
let length = Math.hypot(xDiff, yDiff);
|
|
26
|
-
length = length < 20 ? 20 : length;
|
|
27
|
-
// 绘制箭头
|
|
28
|
-
ctx.beginPath();
|
|
29
|
-
ctx.moveTo(0, 0);
|
|
30
|
-
ctx.lineTo(length - 18, -5);
|
|
31
|
-
ctx.lineTo(length - 20, -12);
|
|
32
|
-
ctx.lineTo(length, 0);
|
|
33
|
-
ctx.lineTo(length - 20, 12);
|
|
34
|
-
ctx.lineTo(length - 18, 5);
|
|
35
|
-
ctx.lineTo(0, 0);
|
|
36
|
-
ctx.lineWidth = this.strokeWidth;
|
|
37
|
-
ctx.strokeStyle = this.stroke;
|
|
38
|
-
ctx.fillStyle = this.fill;
|
|
39
|
-
ctx.stroke();
|
|
40
|
-
ctx.fill();
|
|
41
|
-
ctx.restore();
|
|
42
|
-
},
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
fabric.ThinTailArrow.fromObject = (options, callback) => {
|
|
46
|
-
const { x1, x2, y1, y2 } = options;
|
|
47
|
-
return callback(new fabric.ThinTailArrow([x1, y1, x2, y2], options));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export default fabric.ThinTailArrow;
|
|
1
|
+
import { fabric } from '@hprint/core';
|
|
2
|
+
|
|
3
|
+
fabric.ThinTailArrow = fabric.util.createClass(fabric.Line, {
|
|
4
|
+
type: 'thinTailArrow',
|
|
5
|
+
superType: 'drawing',
|
|
6
|
+
initialize(points, options) {
|
|
7
|
+
if (!points) {
|
|
8
|
+
const { x1, x2, y1, y2 } = options;
|
|
9
|
+
points = [x1, y1, x2, y2];
|
|
10
|
+
}
|
|
11
|
+
options = options || {};
|
|
12
|
+
this.callSuper('initialize', points, options);
|
|
13
|
+
},
|
|
14
|
+
_render(ctx) {
|
|
15
|
+
ctx.save();
|
|
16
|
+
// 乘或除对应的scaleX(Y),抵消元素放缩造成的影响,使箭头不会变形
|
|
17
|
+
ctx.scale(1 / this.scaleX, 1 / this.scaleY);
|
|
18
|
+
const xDiff = (this.x2 - this.x1) * this.scaleX;
|
|
19
|
+
const yDiff = (this.y2 - this.y1) * this.scaleY;
|
|
20
|
+
ctx.translate(-xDiff / 2, -yDiff / 2);
|
|
21
|
+
// 箭头方位角
|
|
22
|
+
const angle = Math.atan2(yDiff, xDiff);
|
|
23
|
+
ctx.rotate(angle);
|
|
24
|
+
// 箭头总长(最小长度是20)
|
|
25
|
+
let length = Math.hypot(xDiff, yDiff);
|
|
26
|
+
length = length < 20 ? 20 : length;
|
|
27
|
+
// 绘制箭头
|
|
28
|
+
ctx.beginPath();
|
|
29
|
+
ctx.moveTo(0, 0);
|
|
30
|
+
ctx.lineTo(length - 18, -5);
|
|
31
|
+
ctx.lineTo(length - 20, -12);
|
|
32
|
+
ctx.lineTo(length, 0);
|
|
33
|
+
ctx.lineTo(length - 20, 12);
|
|
34
|
+
ctx.lineTo(length - 18, 5);
|
|
35
|
+
ctx.lineTo(0, 0);
|
|
36
|
+
ctx.lineWidth = this.strokeWidth;
|
|
37
|
+
ctx.strokeStyle = this.stroke;
|
|
38
|
+
ctx.fillStyle = this.fill;
|
|
39
|
+
ctx.stroke();
|
|
40
|
+
ctx.fill();
|
|
41
|
+
ctx.restore();
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
fabric.ThinTailArrow.fromObject = (options, callback) => {
|
|
46
|
+
const { x1, x2, y1, y2 } = options;
|
|
47
|
+
return callback(new fabric.ThinTailArrow([x1, y1, x2, y2], options));
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export default fabric.ThinTailArrow;
|