18

该应用程序允许用户保存设计并将其发布,以便其他用户稍后可以查看。

以宽度=700 和高度=600 的比例保存的原始画布。但是在显示画布时,我想调整画布的大小以适应 (350,300) 的尺寸。原来的一半。但是,如果我直接应用这些尺寸并加载宽度 setWidth() 和 setHeight() 它会以原始比例加载。

我想要的只是显示具有新尺寸的画布。

4

2 回答 2

100

如果您使用的是库 fabric.js,那还不够。

考虑到“画布”是 fabric.js 实例对象,您应该这样做以避免失真工件:

canvas.setWidth( <desired width> );
canvas.setHeight( <desired height> );
canvas.calcOffset();
于 2013-09-23T15:57:27.040 回答
-15

以前在这里回答过。

我不确定你一直在尝试什么,但是

var canvas = document.getElementsByTagName('canvas')[0];
canvas.width  = 800;
canvas.height = 600;

应该可以正常工作。

于 2013-03-23T10:08:53.843 回答