I found an example and modified as per my need, here is the modified version
Code : https://jsfiddle.net/seeon/b5sLjpna/117/
For ruler here, THREE.ArrowHelper are used, I wanted to make it something like this
I did try using Line Material and Geometry, I did manage to get longer line but don’t know how to get those small dash at the end of line.
I have never used canvas2d or line geometry.
canvas2d because in line geometry we can’t actually change line width as mention in documentation
Any help is appreciated.
Thank you in Advance