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%