Canvasを大きめに作ってそれを縮小する感じです。
<!doctype html><html><head><metacharset="utf-8"><title>作業おばけ</title><style>canvas{width:320px;height:320px;background-color:silver;}</style></head><body><canvasid="canvas"width="640"height="640"></canvas><script>constcanvas=document.getElementById('canvas');constctx=canvas.getContext('2d');ctx.fillStyle='green';ctx.fillRect(10,10,150,100);</script></body></html>640px*640pxのCanvasを320px*320pxにしているのでDPIは４倍になります。
動作サンプルはこちら http://www.o--o.cf/
以上。
