我想加入多个画布来制作一个图像。
那么有没有什么方法可以将多于一张画布隐藏起来toDataURL
制作单个图像?
创建一个函数,该函数接受多个参数(画布元素),将它们放在一个空白画布上,然后返回新制作的画布的 dataurl。
var getImadeData = function () {
var i = arguments.length,
tempCanvas = document.createElement("canvas"),
ctx = tempCanvas.getContext("2d");
while (i--) {
ctx.drawImage(arguments[i], 0, 0);
};
return tempCanvas.toDataURL();
};
现在只需向函数提供您想要放入一个 dataurl 的多个画布元素,如下所示。
var newData = getImageData(canvas1, canvas2, canvas3);
在此示例中,最后一个画布首先放置在空白画布上,因此请确保正确排序画布元素。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)