有没有办法只显示织物js上的旋转点？

Question

我想仅显示画布对象的旋转点并隐藏其控件。 我试过以下内容：

obj.hasControls = false; 
obj.hasRotatingPoint = true; 

但它不工作。

Answer 1

试试这个：

obj.setControlsVisibility({ 
    mt: false, 
    mb: false, 
    ml: false, 
    mr: false, 
    tr: false, 
    tl: false, 
    br: false, 
    bl: false 
}); 
obj.hasRotatingPoint = true; 

查看jsFiddle

Answer 2

或者这样：

var canvas = window._canvas = new fabric.Canvas('c'); 
 

 
var circle = new fabric.Circle({ 
 
    left: 50, 
 
    top: 50, 
 
    radius: 25, 
 
    fill: 'rgba(0,255,0,0.5)', 
 
}); 
 

 

 
circle.setControlsVisibility({ 
 
    mt: false, 
 
    mb: false, 
 
    ml: false, 
 
    mr: false, 
 
    tr: false, 
 
    tl: false, 
 
    br: false, 
 
    bl: false, 
 
    mtr: true //the rotating point (defaut: true) 
 
}); 
 

 
canvas.add(circle);

canvas { 
 
    border: 1px solid #999; 
 
}

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script> 
 
<canvas id="c" width="400" height="200"></canvas>

“地铁” 是旋转点。