我已经使用以下方法设置了 Canvas 的背景图像:
canvas.setBackgroundImage(source, canvas.renderAll.bind(canvas));
它工作得很好,但现在我的
canvas.toDataURL('png')
停止工作。
而且清除 Canvas 不会清除背景图像。
你能解释一下我哪里出错了。
下面的代码工作正常,直到我添加背景图像。
document.getElementById('save').onclick = function() {
window.open(canvas.toDataURL('png'));
}
还:
canvas.clear();
该代码不会清除背景图像。
最佳答案
var canvas = window._canvas = new fabric.Canvas('c');
canvas.setBackgroundImage(document.getElementById('img1').src, canvas.renderAll.bind(canvas));
document.getElementById('dataurl').addEventListener('click', function () {
window.open(canvas.toDataURL());
});
关于canvas - 一旦 Canvas 有背景图像, canvas.toDataURL ('png' ) 就会停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18306285/