Why start drawing in different position from where I clicked

[mohamad_chouacha]

Good day

I used the code to draw spline on plane geometry but the drawing start from different position in which I clicked

I clicked on points A and the drawing start on point B I think the problem comes from mouse coordintes. how to fix thsi please?

[pecopeco]

the top of the canvas ≠ 0
and
the left

try

mouse.x = ((e.clientX - canvasLeft) / canvasWidth) * 2 - 1;
mouse.y = -((e.clientY - canvasTop) / canvasHeight) * 2 + 1;

[Mugen87]

Potential solution:

Offset between mouseposition and raycast intersection

hi this is to fix mouse coord when the renderer (and its canvas) has a lower size then fullwidth var rect = renderer.domElement.getBoundingClientRect(); mouse.x = ( ( event.clientX - rect.left ) / ( rect.right - rect.left ) ) * 2 - 1; mouse.y = - ( ( event.clientY - rect.top ) / ( rect.bottom - rect.top) ) * 2 + 1; I think could solve

[mohamad_chouacha]

Thank you solved