Fabric.js: guides lines when moving the object in fabric

[amancqlsys]

Version

1.7.3

Test Case

http://jsfiddle.net/fabricjs/Da7SP/

Steps to reproduce

Expected Behavior

Actual Behavior

i want to use same effect in our fabric js . Please review the example : http://jsfiddle.net/jnickz/Pw8n9/5/

and let me know that is possible or not .

[artboard-studio]

This lib could be useful I guess, I am using it in my app, it works almost like smart guides in photoshop

https://github.com/kangax/fabric.js/blob/master/lib/aligning_guidelines.js

[amancqlsys]

Hi @human-a
This is my demo example
http://202.164.42.226/staging/designingtool/HTML1/single-product.html
, when you will client on the "CHOOSE MODEL TO CUSTOMIZE"
image then canvas will open in which i want to implement so please let me know the full step .

Thanks,

[asturur]

This is not kind of support we give here. This is not an help forum.
Please open a stack overflow question and maybe post the link to stack overflow question to give visibility.

@human-a thank you anyway for helping.

[artboard-studio]

@amancqlsys as asturur mentioned you will get better answers if you open a stack overflow question. As of the guideline addon for fabricJS, all you have to do it so add the lib I sent you the link to your app after fabric.js and then initialize it after you initialize your canvas using the following code:

initAligningGuidelines(canvas)
Good luck with your app.

@asturur no problem, I am glad to be of any help to you guys.

[rlingineni]

Thanks @human-a

Works for me.

I went ahead and made a modified version for Typescript with the right types:
https://gist.github.com/rlingineni/a77d4e7a3fcc2a1beb499baefa7a7b89