threejs画十字问题？

Question

初学threejs，有一个需求是在图片上根据鼠标点击后移动画一个十字，我是用line线模型做的，然后用鼠标在的坐标和起始位置坐标计算出这条线的中点坐标，然后从这个中点构建geometry，然后分别旋转了90°和-90°的方向构建line模型，就实现了十字效果，但是有时显示90°和-90°的这两条线不是同一个点延伸出来的，就是存在空隙，而实际坐标值是一样的，有人知道是什么问题吗？或者有什么好的画这个十字的方法吗？
这是放大以后的图。