在通常的画布CSS宽度和客户端宽度可能不等于彼此,如何在Fabricjs上得到这个?举个例子:我想在页面上使用 640*360px 的画布,里面有 1280*720px 的图像。
我知道我可以缩放图像,但 dataUrl 会给我一个较小的图片,不是吗?
有一个solution http://fabricjs.com/docs/fabric.StaticCanvas.html#setDimensions。您可以使用 CSS 大小初始化 Fabric.js,然后setDimensions
with backstoreOnly
标记或初始化所需的客户端大小和用途setDimensions
with cssOnly
旗帜。
示例#1:
var canvas = new fabric.Canvas('c', {width: 640, height: 360});
canvas.setDimensions({width: 1280, height: 720}, {backstoreOnly: true});
示例#2:
var canvas = new fabric.Canvas('c', {width: 1280, height: 720});
canvas.setDimensions({width: '640px', height: '360px'}, {cssOnly: true});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)