我正在通过以下方式将画布转换为图像:
tmp_canvas = document.getElementById('myconvas')
dataURL = tmp_canvas.toDataURL("image/png")
$('#PL01_fo').append($('<img/>', { src : dataURL }))
虽然转换后的图像与画布不完全相同
画布:
图像转换后:
如您所见,图像中的文本与画布中的文本不同。可能是什么问题?
这是用于更好理解的画布生成代码:
@octx.fillText $('#text_decoration_text').val(), @w * 0.5, text_h
#/ slide and dice
i = @w
while i--
y = bottom - (curve * Math.sin(i * @angleSteps * Math.PI / 180))
@ctx.drawImage @os, i, offsetY, 1, textHeight, i, offsetY, 1, y
return