2015-01-05 41 views
3

我試圖在設置圖像實例時使用centeredScaling: true選項縮放圖像。我有一個Circle對象,它是一個應該是規模的滑塊上的「on」。從中心縮放圖像(fabricjs)

這裏的例子:http://jsfiddle.net/hellatan/tk1qs8ty/

幾件事情: 1.它不從中心 2. Circle對象的起始點不能正確關聯正確縮放圖像縮放(I」 guess猜我不得不調整一些數學這個,雖然)

任何人有任何線索,我做錯了什麼(主要#1,#2將是一個紅利知道了)。

不介意代碼的草率=)

回答

6

嘗試設置爲x和y,以中心爲原點,並調整圖像

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

啊,謝謝本。這似乎是訣竅。我想我希望我不必重置左邊/頂部的座標,但似乎並非如此。我會將此標記爲答案,因爲那是我尋找的主要目標。 – hellatan

1

第一步,我們的初始x和y在調用圖像中心之後添加比例。 然後刻度將是中心:

imgInstance.scale(my_value).center().setCoords()