Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Fabricjs将文本反转为360度_Javascript_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript 使用Fabricjs将文本反转为360度

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

我正在使用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: '#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有效。非常感谢你。你能把你的评论转换成答案吗?我可以接受。