【发布时间】:2015-01-04 13:59:20
【问题描述】:
无法让 fabic.js 对象的修改后旋转角度回复到原始角度/位置。
我正在使用 .getAngle(),如果对象旋转超过 360 度或来回旋转,我将无法将其转换回相对于原始位置/旋转的角度。
var canvas = new fabric.Canvas('canvas');
//global canvas setting
canvas.selection = false;
canvas.setDimensions({
width: 500,
height: 310
});
//Canvas Objets
// create a rectangle with angle=45
var rect = new fabric.Rect({
left: 100,
top: 100,
fill: 'red',
width: 40,
height: 40,
lockUniScaling: true,
centeredRotation: true
});
canvas.add(rect);
//Object modification event
canvas.on('object:modified', function(e) {
var activeObject = e.target;
document.getElementById('result').value = activeObject.getAngle();
});
我已经设置了一个显示默认输出http://jsfiddle.net/1db5g7us/的小提琴
我假设需要对结果进行一些计算,但不知道是什么。
【问题讨论】:
标签: javascript jquery math rotation fabricjs