1

我在我的一个项目中使用了 fabric.js。我正在使用缩放功能。我想知道是否有一种简单的方法可以在单击时放大所有画布(包含所有元素)。

4

2 回答 2

4

试试这个 jsfiddle 演示按钮的缩放 onclick:http: //jsfiddle.net/cmontgomery/H7Utw/1/。本质上,您将所有对象都放在画布上并按相同的因子缩放/移动它们,从而提供缩放的视觉外观。

var objects = canvas.getObjects();
for (var i in objects) {
    var scaleX = objects[i].scaleX;
    var scaleY = objects[i].scaleY;
    var left = objects[i].left;
    var top = objects[i].top;

    var tempScaleX = scaleX * SCALE_FACTOR;
    var tempScaleY = scaleY * SCALE_FACTOR;
    var tempLeft = left * SCALE_FACTOR;
    var tempTop = top * SCALE_FACTOR;

    objects[i].scaleX = tempScaleX;
    objects[i].scaleY = tempScaleY;
    objects[i].left = tempLeft;
    objects[i].top = tempTop;

    objects[i].setCoords();
}

canvas.renderAll();
于 2012-11-15T14:46:37.663 回答
0

如果您在不修改所有对象的情况下使用带有 fabricjs 的缩放,请使用:https ://github.com/wojtek-krysiak/fabricjs-viewport 。

示例:http ://wojtek-krysiak.github.io/fabricjs-viewport/

于 2014-07-03T11:54:43.897 回答