github/scratch-render
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

offset pen lines of width 1 and 3 (#314)

Browse Source
This commit is contained in:
Michael "Z" Goddard
2018-08-08 14:05:30 -04:00
committed by Mx Corey Frang
parent c08b853519
commit d88b2b4df4
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/PenSkin.js
View File

@@ -132,9 +132,13 @@ class PenSkin extends Skin {
drawLine (penAttributes, x0, y0, x1, y1) { drawLine (penAttributes, x0, y0, x1, y1) {
const ctx = this._canvas.getContext('2d'); const ctx = this._canvas.getContext('2d');
this._setAttributes(ctx, penAttributes); this._setAttributes(ctx, penAttributes);
// Width 1 and 3 lines need to be offset by 0.5.
const diameter = penAttributes.diameter || DefaultPenAttributes.diameter;
const offset = (Math.max(4 - diameter, 0) % 2) / 2;
ctx.beginPath(); ctx.beginPath();
ctx.moveTo(this._rotationCenter[0] + x0, this._rotationCenter[1] - y0); ctx.moveTo(this._rotationCenter[0] + x0 + offset, this._rotationCenter[1] - y0 + offset);
ctx.lineTo(this._rotationCenter[0] + x1, this._rotationCenter[1] - y1); ctx.lineTo(this._rotationCenter[0] + x1 + offset, this._rotationCenter[1] - y1 + offset);
ctx.stroke(); ctx.stroke();
this._canvasDirty = true; this._canvasDirty = true;
this._silhouetteDirty = true; this._silhouetteDirty = true;