2
我正在使用Fabricjs渲染橢圓和文本組。但是當我拖動到左上方時,文字變得像在觀看鏡子上的文字一樣。使用Fabricjs將文字翻轉爲360度
這是Fiddle。
代碼:
var gCanvas = new fabric.Canvas('canvDraw');
gCanvas.setWidth(500);
gCanvas.setHeight(500);
var myEllipse = new fabric.Ellipse({
top: 250,
left: 100,
rx: 75,
ry: 50,
fill: '#999999',
stroke: '#000000',
strokeWidth: 2
});
//gCanvas.add(myEllipse);
var myText = new fabric.Text("Some text", {
top: 250,
left: 250,
});
//gCanvas.add(myText);
// set up a listener for the event where the object has been modified
gCanvas.observe('object:modified', function (e) {
console.log(e);
var myObject = e.target;
if (!myObject._objects) {
return;
}
for (i in myObject._objects) {
myObject._objects[i].strokeWidth = 2/Math.sqrt(myObject.scaleX * myObject.scaleY);
}
});
var group = new fabric.Group([ myEllipse, myText ], {
borderColor: 'black',
cornerColor: 'green'
});
gCanvas.add(group);
我正在拖動我的屁股,但我一直看到它旁邊的橢圓和「一些文字」......我應該準確拖動什麼?去哪裏?你正在使用哪種瀏覽器?你不是在拖動顯示器並將其顛倒過來,是嗎? – giorgio
請我看不到錯誤,也不要發佈問題或提取fabricjs版本0.9使用至少1.5 – AndreaBogazzi
如果您使用調整大小手柄垂直或水平翻轉對象,這是織物的預期行爲。如果你想避免翻轉,你可以在你的對象上設置lockScalingFlip:true。 – forrert