UNPKG

3.46 kBJavaScriptView Raw
1import { __extends } from "tslib";
2/**
3 * @fileoverview 设置画布的箭头,参看:https://www.w3school.com.cn/jsref/prop_style_cursor.asp
4 * @author dxq613
5 */
6import Action from './base';
7/**
8 * 鼠标形状的 Action
9 * @ignore
10 */
11var CursorAction = /** @class */ (function (_super) {
12 __extends(CursorAction, _super);
13 function CursorAction() {
14 return _super !== null && _super.apply(this, arguments) || this;
15 }
16 CursorAction.prototype.setCursor = function (cursor) {
17 var view = this.context.view;
18 view.getCanvas().setCursor(cursor);
19 };
20 /**
21 * 默认光标(通常是一个箭头)
22 */
23 CursorAction.prototype.default = function () {
24 this.setCursor('default');
25 };
26 /** 光标呈现为指示链接的指针(一只手) */
27 CursorAction.prototype.pointer = function () {
28 this.setCursor('pointer');
29 };
30 /** 此光标指示某对象可被移动。 */
31 CursorAction.prototype.move = function () {
32 this.setCursor('move');
33 };
34 /** 光标呈现为十字线。 */
35 CursorAction.prototype.crosshair = function () {
36 this.setCursor('crosshair');
37 };
38 /** 此光标指示程序正忙(通常是一只表或沙漏)。 */
39 CursorAction.prototype.wait = function () {
40 this.setCursor('wait');
41 };
42 /** 此光标指示可用的帮助(通常是一个问号或一个气球)。 */
43 CursorAction.prototype.help = function () {
44 this.setCursor('help');
45 };
46 /** 此光标指示文本。 */
47 CursorAction.prototype.text = function () {
48 this.setCursor('text');
49 };
50 /**
51 * 此光标指示矩形框的边缘可被向右(东)移动。
52 */
53 CursorAction.prototype.eResize = function () {
54 this.setCursor('e-resize');
55 };
56 /**
57 * 此光标指示矩形框的边缘可被向左(西)移动。
58 */
59 CursorAction.prototype.wResize = function () {
60 this.setCursor('w-resize');
61 };
62 /**
63 * 此光标指示矩形框的边缘可被向上(北)移动。
64 */
65 CursorAction.prototype.nResize = function () {
66 this.setCursor('n-resize');
67 };
68 /**
69 * 此光标指示矩形框的边缘可被向下(南)移动。
70 */
71 CursorAction.prototype.sResize = function () {
72 this.setCursor('s-resize');
73 };
74 /**
75 * 光标指示可移动的方向 右上方(东北)
76 */
77 CursorAction.prototype.neResize = function () {
78 this.setCursor('ne-resize');
79 };
80 /**
81 * 光标指示可移动的方向 左上方(西北)
82 */
83 CursorAction.prototype.nwResize = function () {
84 this.setCursor('nw-resize');
85 };
86 /**
87 * 光标指示可移动的方向右下方(东南)
88 */
89 CursorAction.prototype.seResize = function () {
90 this.setCursor('se-resize');
91 };
92 /**
93 * 光标指示可移动的方向左下方(西南)
94 */
95 CursorAction.prototype.swResize = function () {
96 this.setCursor('sw-resize');
97 };
98 /**
99 * 光标指示可以在上下方向移动
100 */
101 CursorAction.prototype.nsResize = function () {
102 this.setCursor('ns-resize');
103 };
104 /**
105 * 光标指示可以在左右方向移动
106 */
107 CursorAction.prototype.ewResize = function () {
108 this.setCursor('ew-resize');
109 };
110 return CursorAction;
111}(Action));
112export default CursorAction;
113//# sourceMappingURL=cursor.js.map
\No newline at end of file