diff options
author | Fawn <fangrui_tong@brown.edu> | 2019-06-20 11:31:15 -0400 |
---|---|---|
committer | Fawn <fangrui_tong@brown.edu> | 2019-06-20 11:31:15 -0400 |
commit | cd2db5bf11fb89e3cd7016f7f798d65698c74c5e (patch) | |
tree | 9e46a9a6b940720e68eb1f390dacecae3f4730a8 /src/client/views/InkingControl.tsx | |
parent | 73f03785f938542a91b28b35043f2feda2bc1432 (diff) | |
parent | e9d62f4ca0dbeb57e46239047041a8a04da7b504 (diff) |
merge
Diffstat (limited to 'src/client/views/InkingControl.tsx')
-rw-r--r-- | src/client/views/InkingControl.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/client/views/InkingControl.tsx b/src/client/views/InkingControl.tsx index b98132c23..0837e07a9 100644 --- a/src/client/views/InkingControl.tsx +++ b/src/client/views/InkingControl.tsx @@ -28,11 +28,18 @@ export class InkingControl extends React.Component { switchTool = (tool: InkTool): void => { this._selectedTool = tool; } + decimalToHexString(number: number) { + if (number < 0) { + number = 0xFFFFFFFF + number + 1; + } + + return number.toString(16).toUpperCase(); + } @action switchColor = (color: ColorResult): void => { - this._selectedColor = color.hex; - SelectionManager.SelectedDocuments().forEach(doc => Doc.GetProto(doc.props.Document).backgroundColor = color.hex); + this._selectedColor = color.hex + (color.rgb.a !== undefined ? this.decimalToHexString(Math.round(color.rgb.a * 255)) : "ff"); + SelectionManager.SelectedDocuments().forEach(doc => Doc.GetProto(doc.props.Document).backgroundColor = this._selectedColor); } @action |