diff options
| author | Stanley Yip <33562077+yipstanley@users.noreply.github.com> | 2019-11-23 18:02:38 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-11-23 18:02:38 -0500 |
| commit | 548ef34592eb83fac52d941e67ecd97032dfad09 (patch) | |
| tree | ea50bb7602d1d6302fb5cd0ab66b2cd0efc596ad /src/client/views/InkingStroke.tsx | |
| parent | 3b37cc31bb09b11238868c34a38a8e99f508479f (diff) | |
| parent | 494deb74c82443ef828cad4de57d0236ea72a0fa (diff) | |
Merge pull request #315 from browngraphicslab/pen
Improvements to Interaction
Diffstat (limited to 'src/client/views/InkingStroke.tsx')
| -rw-r--r-- | src/client/views/InkingStroke.tsx | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/src/client/views/InkingStroke.tsx b/src/client/views/InkingStroke.tsx index 723b8cac4..a27f106e3 100644 --- a/src/client/views/InkingStroke.tsx +++ b/src/client/views/InkingStroke.tsx @@ -47,12 +47,15 @@ export class InkingStroke extends DocExtendableComponent<FieldViewProps, InkDocu let height = bottom - top; let scaleX = this.PanelWidth / width; let scaleY = this.PanelHeight / height; - return <svg width={width} height={height} style={{ - transformOrigin: "top left", - transform: `translate(${left}px, ${top}px) scale(${scaleX}, ${scaleY})`, - mixBlendMode: this.Document.tool === InkTool.Highlighter ? "multiply" : "unset" - }}> - {points} - </svg>; + return ( + <svg width={width} height={height} style={{ + transformOrigin: "top left", + transform: `translate(${left}px, ${top}px) scale(${scaleX}, ${scaleY})`, + mixBlendMode: this.Document.tool === InkTool.Highlighter ? "multiply" : "unset", + pointerEvents: "all" + }} onTouchStart={this.onTouchStart}> + {points} + </svg> + ); } }
\ No newline at end of file |