将画布转换为图像不会产生正确的图像

时间:2018-05-09 11:32:56

标签: javascript canvas coffeescript html5-canvas

我正在通过以下方式将画布转换为图像:

tmp_canvas = document.getElementById('myconvas')
dataURL = tmp_canvas.toDataURL("image/png")
$('#PL01_fo').append($('<img/>', { src : dataURL }))

虽然转换后的图像与画布不完全相同

画布:

enter image description here

图像转换后:

enter image description here

如您所见,图像中的文本与画布中的文本不同。可能是什么问题?

这是用于更好理解的画布生成代码:

 @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

0 个答案:

没有答案