aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/InkingStroke.tsx
diff options
context:
space:
mode:
authorStanley Yip <stanley_yip@brown.edu>2019-12-03 18:54:41 -0500
committerStanley Yip <stanley_yip@brown.edu>2019-12-03 18:54:41 -0500
commitfb9f08295c10c35c11b647d00a3c830867dc3f7d (patch)
tree76126c5d894fc54a17bcfa901cb23bd93e473d61 /src/client/views/InkingStroke.tsx
parentcb2edb837ffa9df5ad966d44ac0c26622d6579f0 (diff)
nothing new, infrastructure stuffs
Diffstat (limited to 'src/client/views/InkingStroke.tsx')
-rw-r--r--src/client/views/InkingStroke.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/client/views/InkingStroke.tsx b/src/client/views/InkingStroke.tsx
index a27f106e3..a2e9f0e55 100644
--- a/src/client/views/InkingStroke.tsx
+++ b/src/client/views/InkingStroke.tsx
@@ -13,8 +13,8 @@ import React = require("react");
type InkDocument = makeInterface<[typeof documentSchema]>;
const InkDocument = makeInterface(documentSchema);
-export function CreatePolyline(points: { x: number, y: number }[], left: number, top: number, color?: string, width?: number) {
- let pts = points.reduce((acc: string, pt: { x: number, y: number }) => acc + `${pt.x - left},${pt.y - top} `, "");
+export function CreatePolyline(points: { X: number, Y: number }[], left: number, top: number, color?: string, width?: number) {
+ let pts = points.reduce((acc: string, pt: { X: number, Y: number }) => acc + `${pt.X - left},${pt.Y - top} `, "");
return (
<polyline
points={pts}
@@ -36,8 +36,8 @@ export class InkingStroke extends DocExtendableComponent<FieldViewProps, InkDocu
render() {
let data: InkData = Cast(this.Document.data, InkField)?.inkData ?? [];
- let xs = data.map(p => p.x);
- let ys = data.map(p => p.y);
+ let xs = data.map(p => p.X);
+ let ys = data.map(p => p.Y);
let left = Math.min(...xs);
let top = Math.min(...ys);
let right = Math.max(...xs);