I want to to add custom control(div) to Fabric js object something like this:

I found this question but it has bug on rotation please see jsfiddle

I'm trying to find solution already few days, any suggestions are weled.

I want to to add custom control(div) to Fabric js object something like this:

I found this question but it has bug on rotation please see jsfiddle

I'm trying to find solution already few days, any suggestions are weled.

• javascript
• html
• canvas
• html5-canvas
• fabricjs

2 Answers 2

http://jsfiddle/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);

You have to add the rotation effect to LEFT and TOP of your absolute positioned element.

I changed the positioned element with a small div, so you do not get tricked by the baseline of text that makes the 'p' element look in wrong position.

Might be that solution is good for you? Fabric js custom controls