javascript - 使用从画布创建的图像

时间：2011-02-22 02:07:18

标签： javascript drupal html5 canvas ubercart

我知道我可以使用canvas.toDataURL（）从画布保存图像。但我怎么能立即使用呢？

以下是该方案：

我有一个带可定制产品的购物车。通过更改属性，我可以使用画布创建自定义的产品图像。添加到购物车后，我想立即使用生成的画布图像作为添加到购物车的产品的购物车缩略图。

我怎样才能做到这一点？有人可以帮助我了解编程工作流程的实现吗？我正在使用Drupal + Ubercart。

答案 0 :(得分：1)

创建一个新图像（通过new Image在脚本中或通过document.createElement("img")作为元素并将其附加到DOM）。如果您的购物车已作为<img>元素，请改为获取脚本引用。
（可选）如果需要在图像准备就绪后以编程方式使用，请将图像的onload属性设置为函数。
将图片的src设置为您的数据网址。