向 Fabricjs 对象添加自定义控件

use*_*717 5 html javascript canvas html5-canvas fabricjs

我想向 Fabric js 对象添加自定义控件(div),如下所示:

在此输入图像描述

我发现了这个问题,但它有旋转错误,请参阅jsfiddle

几天来我一直在努力寻找解决方案,欢迎任何建议。

And*_*zzi 1

http://jsfiddle.net/86bTc/94/

var btnLeft = ((e.target.width / 2)  -10 )* cos(angle) + ((e.target.height / 2) +25) * sin(angle);
var btnTop = -((e.target.height / 2) +25 )* cos(angle) + ((e.target.width / 2) -10 ) * sin(angle);
Run Code Online (Sandbox Code Playgroud)

您必须将旋转效果添加到绝对定位元素的左侧和顶部。

我用一个小 div 更改了定位元素,这样您就不会被文本基线所欺骗,从而使“p”元素看起来位置错误。