2015-11-25 26 views
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); 
+1

我正在拖動我的屁股,但我一直看到它旁邊的橢圓和「一些文字」......我應該準確拖動什麼?去哪裏?你正在使用哪種瀏覽器?你不是在拖動顯示器並將其顛倒過來,是嗎? – giorgio

+0

請我看不到錯誤,也不要發佈問題或提取fabricjs版本0.9使用至少1.5 – AndreaBogazzi

+1

如果您使用調整大小手柄垂直或水平翻轉對象,這是織物的預期行爲。如果你想避免翻轉,你可以在你的對象上設置lockScalingFlip:true。 – forrert

回答

2

爲了避免從水平或垂直的屬性lockScalingFlip可以設置爲true翻轉織物對象。