setZoom 和 getZoom 未定义

Question

我已经创建了一个 canvas 对象，但是当我尝试使用 getZoom() 和 setZoom 时，它说它们是未定义的。

canvas = new fabric.Canvas();
new fabric.Image.fromURL(url, function (omg){
    canvas.add(omg);
});

canvas.setZoom(canvas.getZoom()*1.1);

我是不是做错了什么？

Answer 1

您需要将 fabric.js 版本更新到 1.4.13。您可以在这里下载：https://rawgit.com/kangax/fabric.js/master/dist/fabric.js

缩放 X 2：

var canvas = new fabric.Canvas('canvas');
var url = "http://serio.piiym.net/CVBla/txtboard/thumb/1260285874089s.jpg";
fabric.Image.fromURL(url, function (img){
    img.left = 80;
    img.top = 50;
    canvas.add(img);
});
canvas.renderAll();

alert(canvas.getZoom());

canvas.setZoom(canvas.getZoom()*2);
canvas.renderAll();

alert(canvas.getZoom());

我为你做了一个fiddle：http://jsfiddle.net/tdzoygc4/1/

希望对您有所帮助。

setZoom 和 getZoom 未定义

setZoom and getZoom are undefined

fabricjs