作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试导出 4 倍于 Canvas 大小的图像。
与
var dataURL = canvas.toDataURL();
我将图像设置为 Canvas 的大小
但是当我尝试
var dataURL = canvas.toDataURLWithMultiplier(4);
我收到错误“canvas.toDataURLWithMultiplier 不是一个函数”
下面是我的函数。
$('.preview').on('click touchstart', function() {
// save canvas image as data url (png format by default)
canvas.isGrabMode = false;
canvas.setZoom(1.0);
canvas.viewportTransform = [1, 0, 0, 1, 0, 0];
// var dataURL = canvas.toDataURL();
var dataURL = canvas.toDataURLWithMultiplier(4);
// so it can be saved as an image
document.getElementById('previewImg').src = dataURL;
canvas.renderAll();
});
最佳答案
var dataURL = canvas.toDataURL({
format: 'png',
multiplier: 4
});
在 toDataURL() 中使用 multiplier
属性.
关于javascript - canvas.toDataURLWithMultiplier 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49647509/
我正在尝试导出 4 倍于 Canvas 大小的图像。 与 var dataURL = canvas.toDataURL(); 我将图像设置为 Canvas 的大小 但是当我尝试 var dataURL
我是一名优秀的程序员,十分优秀!