Unity中3D物体到Screen Space-Camera模式Canvas的LineRenderer坐标问题

这个问题的核心原因是：Screen Space-Camera模式下的Canvas，其transform.position并不是UI在屏幕上对应的真实世界坐标——这种模式下Canvas是绑定到相机的，它的坐标是相对于相机的局部空间，而LineRenderer默认使用的是世界空间坐标，直接用Canvas的position自然会出现偏移。

你需要把Canvas（或其上UI元素）的屏幕坐标转换为世界空间坐标，才能让LineRenderer正确指向目标。下面是具体的解决步骤和修正代码：

步骤1：获取关键组件 #

首先要拿到Canvas绑定的相机（如果没指定就是主相机），以及Canvas的Plane Distance（这个值决定了Canvas在相机前方的距离）：

Canvas canvas = GameObject.Find("MyCanvas").GetComponent<Canvas>();
Camera canvasCamera = canvas.worldCamera ?? Camera.main; // 优先用Canvas指定的相机，没有就用主相机
float planeDistance = canvas.planeDistance;

步骤2：转换坐标 #

如果你想让线条指向Canvas的中心：

• 先获取Canvas中心的屏幕坐标（就是屏幕的中心，因为Screen Space-Camera的Canvas默认铺满屏幕）
• 用ScreenToWorldPoint把屏幕坐标转换为世界坐标，注意要设置z值为Canvas的Plane Distance（因为这个值是Canvas到相机的距离，决定了世界坐标的深度）

如果你想指向Canvas上的某个UI元素（比如一个Image），可以用RectTransformUtility.ScreenPointToWorldPointInRectangle来精准获取该元素的世界坐标。

修正后的完整代码 #

// 目标Canvas和相机
Canvas canvas = GameObject.Find("MyCanvas").GetComponent<Canvas>();
Camera canvasCamera = canvas.worldCamera ?? Camera.main;
float planeDistance = canvas.planeDistance;

// 初始化LineRenderer
LineRenderer lineRenderer = gameObject.AddComponent<LineRenderer>();
lineRenderer.material = new Material(Shader.Find("Particles/Additive"));
lineRenderer.SetColors(laserColor, laserColor);
lineRenderer.SetWidth(initW, finalW);
lineRenderer.SetVertexCount(2);

// 起点：3D物体的世界坐标
Transform origin = GameObject.Find("MyObj").transform;
lineRenderer.SetPosition(0, origin.position);

// 终点：Canvas中心的世界坐标
Vector3 canvasCenterScreenPos = new Vector3(Screen.width / 2, Screen.height / 2, planeDistance);
Vector3 canvasCenterWorldPos = canvasCamera.ScreenToWorldPoint(canvasCenterScreenPos);
lineRenderer.SetPosition(1, canvasCenterWorldPos);

额外说明 #

如果你的目标是Canvas上的某个具体UI元素（比如按钮、图片），可以用下面的代码获取它的世界坐标：

RectTransform targetUiRect = GameObject.Find("TargetUIElement").GetComponent<RectTransform>();
Vector3 uiWorldPos;
RectTransformUtility.ScreenPointToWorldPointInRectangle(
    targetUiRect,
    RectTransformUtility.WorldToScreenPoint(canvasCamera, targetUiRect.position),
    canvasCamera,
    out uiWorldPos
);
// 然后把uiWorldPos作为LineRenderer的终点
lineRenderer.SetPosition(1, uiWorldPos);

这样处理后，LineRenderer就能正确在3D物体和Screen Space-Camera模式的Canvas（或其UI元素）之间绘制线条了。

内容的提问来源于stack exchange，提问作者Nic