有没有办法在 fabric js 上只显示旋转点?
Is there a way to show only the rotating point on fabric js?
我只想显示 canvas 对象的旋转点并隐藏其控件。
我尝试了以下方法:
obj.hasControls = false;
obj.hasRotatingPoint = true;
但它不起作用。
试试这个:
obj.setControlsVisibility({
mt: false,
mb: false,
ml: false,
mr: false,
tr: false,
tl: false,
br: false,
bl: false
});
obj.hasRotatingPoint = true;
查看jsFiddle
或者像这样:
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>
"mtr"为旋转点
我只想显示 canvas 对象的旋转点并隐藏其控件。 我尝试了以下方法:
obj.hasControls = false;
obj.hasRotatingPoint = true;
但它不起作用。
试试这个:
obj.setControlsVisibility({
mt: false,
mb: false,
ml: false,
mr: false,
tr: false,
tl: false,
br: false,
bl: false
});
obj.hasRotatingPoint = true;
查看jsFiddle
或者像这样:
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>
"mtr"为旋转点