Javascript 使用Fabricjs将文本反转为360度
我正在使用Fabricjs渲染椭圆和文本组。但是,当我拖动到左上角和更左上角时,文本就会变得像在镜子上观看文本一样 这是我的建议 代码:Javascript 使用Fabricjs将文本反转为360度,javascript,html5-canvas,fabricjs,Javascript,Html5 Canvas,Fabricjs,我正在使用Fabricjs渲染椭圆和文本组。但是,当我拖动到左上角和更左上角时,文本就会变得像在镜子上观看文本一样 这是我的建议 代码: 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
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);
为了避免织物对象水平或垂直翻转,可以将属性
lockScalingFlip
设置为true
我正在拖动我的屁股,但我一直看到椭圆和它旁边的“一些文本”。。。我到底应该拖什么?去哪里?您使用的是哪种浏览器?你没有把显示器拖来拖去,然后把它倒过来,是吗?我看不到这个错误,也不要发布问题或摆弄fabricjs版本0.9使用至少1.5如果你使用调整大小手柄垂直或水平翻转对象,这是织物的预期行为。如果要避免翻转,可以在对象上设置lockScalingFlip:true。@forrert yes有效。非常感谢你。你能把你的评论转换成答案吗?我可以接受。