treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fixed a bug where the canvas would get transparent bg upon erase

remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Ondřej Hruška 2017-10-13 18:13:00 +02:00
parent 33e806217f
commit 2af964ef20
No known key found for this signature in database
GPG Key ID: 2C5FD5035250423D
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/mastodon/features/ui/components/doodle_modal.js
View File

@ -17,10 +17,15 @@ export default class DoodleModal extends ImmutablePureComponent {
handleKeyUp = (e) => { handleKeyUp = (e) => {
if (e.key === 'Delete' || e.key === 'Backspace') { if (e.key === 'Delete' || e.key === 'Backspace') {
this.sketcher.clear(); this.clearScreen();
} }
} }
clearScreen () {
this.sketcher.context.fillStyle = 'white';
this.sketcher.context.fillRect(0, 0, this.canvas.width, this.canvas.height);
}
componentDidMount () { componentDidMount () {
window.addEventListener('keyup', this.handleKeyUp, false); window.addEventListener('keyup', this.handleKeyUp, false);
} }
@ -36,9 +41,7 @@ export default class DoodleModal extends ImmutablePureComponent {
if (elem) { if (elem) {
this.sketcher = new Atrament(elem, 500, 500, 'black'); this.sketcher = new Atrament(elem, 500, 500, 'black');
// pre-fill with white this.clearScreen();
this.sketcher.context.fillStyle = 'white';
this.sketcher.context.fillRect(0, 0, elem.width, elem.height);
// .smoothing looks good with mouse but works really poorly with a tablet // .smoothing looks good with mouse but works really poorly with a tablet
this.sketcher.smoothing = false; this.sketcher.smoothing = false;