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

Share Improve this question Follow edited May 23, 2017 at 12:01 CommunityBot 111 silver badge asked Nov 16, 2015 at 18:17 user525717user525717 1,65255 gold badges2828 silver badges4040 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 1

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