Draw Straight “line” In Canvas By Modifying Properties In Three.js

I have created a fiddle which shows the guidelines for length and Diameter for Cylinder I was able to position the Line for Length. But m not sure how to change the properties of

Solution 1:

The coordinates for the diameter are

diameterVertArray.push(new THREE.Vector3(-1, 0.5, 0), new THREE.Vector3(1, 0.5, 0));

one length is

lengthVertArray.push(new THREE.Vector3(-1, 0.51, 0), new THREE.Vector3(-1, -0.51, 0));

and another one is

alengthVertArray.push(new THREE.Vector3(0, 0.5, 1), new THREE.Vector3(0, -0.5, 1));

fiddle