【问题标题】:Draw on the image (jpg or png) using canvas and save the drawing with the image使用画布在图像(jpg 或 png)上绘图并与图像一起保存绘图
【发布时间】:2011-07-26 21:25:15
【问题描述】:

我尝试使用画布在图像上绘图。是的,我当然做到了。但我需要立即将画布绘图与图像合并。

即我的概念是,我有一个图像 (#a),我喜欢在图像上标记一些地方(圆形、矩形等),所以我只选择了画布技术。 (如果有其他可用的技术,请建议我。)

所以,在画布绘制之后,我想将画布图像与我的实际图像 (#a) 合并。然后,我会得到标记的图像。

我以前做过什么?

我将背景设置为画布标签的实际图像(#a)。 (即带有一些背景图像的画布标签)。我已经画好了。然后,我将画布图像转换为 dataURI,然后我将使用 Linux 命令 (imageMagic) 将实际图像 (#a) 与画布绘图合并。

你能告诉我任何其他方式,直接在图像上绘制并立即将绘图与图像一起保存。?

提前致谢。

【问题讨论】:

    标签: html canvas


    【解决方案1】:

    不要设置画布的背景。

    相反,您想使用画布上下文的drawImage() 函数将图像真正地绘制到画布上。然后进行所有的绘图操作。

    然后您就可以正确保存图像了。我还建议为此查看 Canvas2Image。

    http://www.nihilogic.dk/labs/canvas2image/

    【讨论】:

      猜你喜欢
      • 2019-10-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-28
      • 1970-01-01
      • 2015-11-09
      • 1970-01-01
      相关资源
      最近更新 更多