从中心缩放图像(fabricjs)

Question

我正在尝试centeredScaling: true在设置Image实例时使用该选项缩放图像.我有一个Circle对象,它是一个"on"滑块,应该是比例尺.

这是一个例子:http://jsfiddle.net/hellatan/tk1qs8ty/

一些事情:1.它不会从中心缩放2.圆形对象的起点与正确缩放图像无关联(我猜我必须为这一个调整一些数学,尽管)

任何人都有任何关于我做错了什么的线索(主要是#1,#2也会知道加分).

不要介意代码的邋iness =)

Answer 1

尝试将x和y的原点设置为居中,并调整图像的初始x和y

imgInstance.set({
        scaleY: imgH / origH,
        scaleX: imgW / origW,
        originX: "center", 
        originY: "center"
    });