1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
import { Bezier } from "bezier-js";
import { createSimpleSchema, list, object, serializable } from "serializr";
import { ScriptingGlobals } from "../client/util/ScriptingGlobals";
import { Deserializable } from "../client/util/SerializationHelper";
import { Copy, ToScriptString, ToString } from "./FieldSymbols";
import { ObjectField } from "./ObjectField";
// Helps keep track of the current ink tool in use.
export enum InkTool {
None = "none",
Pen = "pen",
Highlighter = "highlighter",
Eraser = "eraser",
Stamp = "stamp",
Write = "write",
PresentationPin = 'presentationpin'
}
// Defines a point in an ink as a pair of x- and y-coordinates.
export interface PointData {
X: number;
Y: number;
}
export type Segment = Array<Bezier>;
// Defines an ink as an array of points.
export type InkData = Array<PointData>;
export interface ControlPoint {
X: number;
Y: number;
I: number;
}
export interface HandlePoint {
X: number;
Y: number;
I: number;
dot1: number;
dot2: number;
}
export interface HandleLine {
X1: number;
Y1: number;
X2: number;
Y2: number;
X3: number;
Y3: number;
dot1: number;
dot2: number;
}
const pointSchema = createSimpleSchema({
X: true, Y: true
});
const strokeDataSchema = createSimpleSchema({
pathData: list(object(pointSchema)),
"*": true
});
@Deserializable("ink")
export class InkField extends ObjectField {
@serializable(list(object(strokeDataSchema)))
readonly inkData: InkData;
constructor(data: InkData) {
super();
this.inkData = data;
}
/**
* Extacts a simple segment from a compound Bezier curve
* @param segIndex the start index of the simple bezier segment to extact (eg., 0, 4, 8, ...)
*/
public static Segment(inkData: InkData, segIndex: number) {
return new Bezier(inkData.slice(segIndex, segIndex + 4).map(pt => ({ x: pt.X, y: pt.Y })));
}
[Copy]() {
return new InkField(this.inkData);
}
[ToScriptString]() {
return "new InkField([" + this.inkData.map(i => `{X: ${i.X}, Y: ${i.Y}`) + "])";
}
[ToString]() {
return "InkField";
}
}
ScriptingGlobals.add("InkField", InkField);
|
