diff --git a/src/index.js b/src/index.js index a9b4cae5..00d1a85a 100644 --- a/src/index.js +++ b/src/index.js @@ -271,6 +271,10 @@ const canvas = document.getElementById("canvas"); const rc = rough.canvas(canvas); const context = canvas.getContext("2d"); +// Big hack to ensure that all the 1px lines are drawn at 1px instead of 2px +// https://stackoverflow.com/questions/13879322/drawing-a-1px-thick-line-in-canvas-creates-a-2px-thick-line/13879402#comment90766599_13879402 +context.translate(0.5, 0.5); + function drawScene() { ReactDOM.render(, rootElement);