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
|
import { Bezier } from 'bezier-js';
import { alias, createSimpleSchema, list, object, serializable } from 'serializr';
import { ScriptingGlobals } from '../client/util/ScriptingGlobals';
import { Deserializable } from '../client/util/SerializationHelper';
import { PointData } from '../pen-gestures/GestureTypes';
import { Copy, ToJavascriptString, 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',
}
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,
});
export const InkDataFieldName = '__inkData';
@Deserializable('ink')
export class InkField extends ObjectField {
@serializable(alias(InkDataFieldName, 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);
}
[ToJavascriptString]() {
return '[' + this.inkData.map(i => `{X: ${i.X}, Y: ${i.Y}}`) + ']';
}
[ToScriptString]() {
return 'new InkField([' + this.inkData.map(i => `{X: ${i.X}, Y: ${i.Y}}`) + '])';
}
[ToString]() {
return 'InkField';
}
}
ScriptingGlobals.add('InkField', InkField);
|
