var canvas = document.getElementById('canvas'); canvas.width = 400; canvas.height = 400; var context = canvas.getContext('2d'); context.strokeStyle = 'hsla(0,0%,0%,0.2)'; context.lineWidth = 1; context.font = "normal normal normal 40px/40px 'MS P明朝', serif"; context.textAlign = 'right'; context.textBaseline = 'top'; var x, y, w, h, char; var oldColor = 'hsla(0,0%,80%,1)'; var newColor = 'hsla(0,0%
![Canvasで日本語組版(縦書き) - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc037e04c8e2b0d9919dd67081b49f468d76266/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fu%2FK%2FS%2FuKSE.jpg%3Ft%3D1323686320)