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());

我为你做了一个小提琴:http://jsfiddle.net/tdzoygc4/1/

希望有所帮助.