diff options
| author | yunahi <60233430+yunahi@users.noreply.github.com> | 2020-07-28 00:02:40 +0900 |
|---|---|---|
| committer | yunahi <60233430+yunahi@users.noreply.github.com> | 2020-07-28 00:02:40 +0900 |
| commit | 258ad0d8628737e01613341437eb0421359ad168 (patch) | |
| tree | 1119a74bd843b4f4a14dfc4d8c21360925ca0eba /src/client/views/InkingStroke.tsx | |
| parent | ac413fb11720bb6704a9049e5d21fe02aae197b9 (diff) | |
rotation/resize fix, changed ui, added sketchpicker etc.
Diffstat (limited to 'src/client/views/InkingStroke.tsx')
| -rw-r--r-- | src/client/views/InkingStroke.tsx | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/client/views/InkingStroke.tsx b/src/client/views/InkingStroke.tsx index 22c89b6da..b03d8e79b 100644 --- a/src/client/views/InkingStroke.tsx +++ b/src/client/views/InkingStroke.tsx @@ -105,9 +105,9 @@ export class InkingStroke extends ViewBoxBaseComponent<FieldViewProps, InkDocume StrCast(this.layoutDoc.strokeBezier), StrCast(this.layoutDoc.fillColor, "transparent"), "none", "none", "0", scaleX, scaleY, "", this.props.active() ? "visiblepainted" : "none", false, true); - const controlPoints: { X: number, Y: number, I: number }[] = []; - const handlePoints: { X: number, Y: number, I: number, dot1: number, dot2: number }[] = []; - const handleLine: { X1: number, Y1: number, X2: number, Y2: number, X3: number, Y3: number, dot1: number, dot2: number }[] = []; + var controlPoints: { X: number, Y: number, I: number }[] = []; + var handlePoints: { X: number, Y: number, I: number, dot1: number, dot2: number }[] = []; + var handleLine: { X1: number, Y1: number, X2: number, Y2: number, X3: number, Y3: number, dot1: number, dot2: number }[] = []; if (data.length >= 4) { for (var i = 0; i <= data.length - 4; i += 4) { controlPoints.push({ X: data[i].X, Y: data[i].Y, I: i }); @@ -126,6 +126,15 @@ export class InkingStroke extends ViewBoxBaseComponent<FieldViewProps, InkDocume } + if (data.length <= 4) { + handlePoints = []; + handleLine = []; + controlPoints = []; + for (var i = 0; i < data.length; i++) { + controlPoints.push({ X: data[i].X, Y: data[i].Y, I: i }); + } + + } const dotsize = String(Math.min(width * scaleX, height * scaleY) / 40); const controls = controlPoints.map((pts, i) => |