Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在图像上应用遮罩,然后将其保存为透明背景_Jquery_Css_Html_Canvas_Mask - Fatal编程技术网

Jquery 在图像上应用遮罩,然后将其保存为透明背景

Jquery 在图像上应用遮罩,然后将其保存为透明背景,jquery,css,html,canvas,mask,Jquery,Css,Html,Canvas,Mask,我正在开发一个WebApp,它需要一个允许用户 从“多媒体资料”中选择图像 在上面涂上口罩 将其保存为具有透明背景的png图像 有什么办法吗?Jquery?HTML5画布 我尝试将HTML5画布与context.drawimage from一起使用,它在屏幕上显示得非常完美,但当我调用canvas.toDataURL时,它出现了一个空白图像。有人能帮忙吗?欢迎任何建议。提前感谢。出于安全原因,您无法从域之外的映像获取数据。这可能就是为什么你会得到一个空白图像,你应该检查你的浏览器控制台 如果需要

我正在开发一个WebApp,它需要一个允许用户

从“多媒体资料”中选择图像 在上面涂上口罩 将其保存为具有透明背景的png图像 有什么办法吗?Jquery?HTML5画布


我尝试将HTML5画布与context.drawimage from一起使用,它在屏幕上显示得非常完美,但当我调用canvas.toDataURL时,它出现了一个空白图像。有人能帮忙吗?欢迎任何建议。提前感谢。

出于安全原因,您无法从域之外的映像获取数据。这可能就是为什么你会得到一个空白图像,你应该检查你的浏览器控制台

如果需要详细信息,可以阅读本主题

无论如何,是的画布将像素存储到rgba数组中,这样您就可以拥有透明的背景。这样使用它:

    var img = document.createElement("img");
    img.src = cvs.toDataURL("image/png");
如果您需要高级帮助,请不要忘记发布代码。我希望我的建议足够了,祝你好运