radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update tools.js's TOOL_RECTANGLE so that rectangles have sharp edges, working around weirdness in latest Firefox 

As discussed in https://github.com/1j01/jspaint/issues/326,
the drawing of rectangles show a blurred/anti-aliased edge in the recent versions of Firefox.  This change restores sharp edges in Firefox.  The change is modeled after how the existing code  handles the degenerate case of drawing the rectangle (when the rectangle is either not as tall or not as wide as double the rectangle line width), but this version just draws four rectangles, one for each side.
main
milksteakjellybeans 2023-11-09 18:02:00 -08:00 committed by Isaiah Odhner
parent 894c0b138a
commit c5cf78424c
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/tools.js
View File

@ -842,8 +842,13 @@
ctx.fillRect(x, y, w, h);
ctx.restore();
} else {
// @TODO: shouldn't that be ~~(stroke_size / 2)?
ctx.strokeRect(x + stroke_size / 2, y + stroke_size / 2, w - stroke_size, h - stroke_size);
ctx.save();
ctx.fillStyle = ctx.strokeStyle;
ctx.fillRect(x, y, stroke_size, h);
ctx.fillRect(x+w-stroke_size, y, stroke_size, h);
ctx.fillRect(x, y, w, stroke_size);
ctx.fillRect(x, y+h-stroke_size, w, stroke_size);
ctx.restore();
}
}
},