使用从画布创建的图像
我知道我可以使用 canvas.toDataURL() 从画布保存图像。但我怎样才能立即使用它呢？
场景如下：
我有一个包含可定制产品的购物车。通过更改属性，我可以使用画布创建自定义产品图像。添加到购物车后，我想立即使用生成的画布图像作为添加到购物车的产品的购物车缩略图。
我怎样才能实现这个目标？有人可以帮我想出实现这一目标的编程工作流程吗？我正在使用 Drupal + Ubercart 来实现这一点。
I know I can save the image from canvas using the canvas.toDataURL(). But how can i immediately use it?
Here's the scenario:
I have a shopping cart with a customizable product. By changing attributes, I'm able to create a customized product image using canvas. Immediately after adding to cart, I want to use the generated canvas image as the cart thumbnail for the product added to cart.
How can I achieve this? Can someone help me with an idea for the programming workflow to achieve this? I am using Drupal + Ubercart with this.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
创建一个新图像（通过
new Image在脚本中或通过document.createElement("img")作为元素并将其附加到 DOM）。如果您的购物车已经作为![]()
（可选）如果您需要在图像准备好后以编程方式使用它，请将图像的
onload属性设置为函数。将图像的
src设置为您的数据 URL。有关需要在
src之前设置onload的更多信息，请参阅将图像 src 设置为数据 URL 是否应该立即可用？
Create a new image (either in script via
new Imageor as an element viadocument.createElement("img")and appending it to the DOM). If your cart already as an<img>element, then get a script reference to it instead.(optional) Set the
onloadattribute of the image to a function, if you need to use it programmatically after it is ready.Set the
srcof the image to your data URL.For more information on the need to set
onloadbeforesrc, seeShould setting an image src to data URL be available immediately?