右键单击画布时另存为图像

贝基

什么时候drawImage()用于在画布元素上绘制东西,画布可以当作图像吗?

当我右键单击绘制的画布元素时,它会显示“将图像另存为”选项。

这是我看到的右键菜单:

在此处输入图片说明

要使“将图像另存为”选项可用,应该怎么做?

大卫·穆尔德

因此,这在很大程度上取决于浏览器及其运行方式,一般而言,我不建议您弄乱它,但是如果您由于某种原因不得不使它运行,则有一种方法:您可以“简单地”转换<img>在每次绘制后将其画布绘制到一个元素上,并显示该<img>元素。

var canvas = document.getElementById('exampleCanvas'); //Hidden <canvas> element
var imageFoo = document.getElementById('exampleImg'); //Visible <img> element

然后在每次抽奖结束后:

imageFoo.src = canvas.toDataURL();

此处的缺点是您将失去很多速度,因此请勿将其用于动画画布或类似的东西。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章