谢谢回答，但是实际操作中还是有点困惑，比如下面将三维点转二维点中，得到裁剪坐标后为什么要除以w位的值
var point = [100, 0, 0, 1]; // 这是正面的右上角
// 使用矩阵计算出这一点的裁剪空间坐标
var clipspace = m4.transformVector(matrix, point);
// 将 X 和 Y 除以 W，和 GPU 一样
clipspace[0] /= clipspace[3];
clipspace[1] /= clipspace[3];
// 从裁剪空间转换到像素值
var pixelX = (clipspace[0] 0.5 + 0.5) gl.canvas.width;
var pixelY = (clipspace[1] -0.5 + 0.5) gl.canvas.height;
首先canvas坐标是二维的，你想把这个二维坐标转三维坐标就必须要有一个辅助面。比如你可以假设这个辅助面是裁剪空间中深度为0的面，那你把二维的canvas坐标的x,y转裁剪坐标的x',y'，再拼上之前的深度0，可得裁剪坐标位(x',y',0)。接下来用(projectmatrix*viewmatrix)的逆矩阵乘以(x',y',0)，便可得canvas坐标在世界坐标系中的相机远近裁剪面的中间的裁剪面上的一个三维点位。
你好哈，canvas你这里代指的是屏幕坐标系吗？（我猜测的哈）为啥又有[x,y,z]，但我不明白你后面讲的“怎么将二维坐标转为三维坐标”。麻烦再具体一些哈
你好，是的，canvas坐标[x,y]
@icefire 李老师回答的很nice哈。其实再直接点。就是一个逆向求解的过程。我们经常在webgl或者threejs用到将世界坐标系（三维坐标）转换为屏幕像素坐标。你这个问题正好是这个过程的逆向解答。可以看下我下面的过程式。以webgl举例子：
(屏幕坐标=>裁剪坐标)= （投影矩阵）*（视图矩阵）*（世界坐标）如果将上述等式变个形式变成什么?
（视图矩阵逆矩阵）（投影矩阵逆矩阵）*(屏幕坐标=>裁剪坐标)= （世界坐标）看上面的式子是不是思路就很明确了，你需要分别求出，试图矩阵和投影矩阵，然后右乘裁剪坐标。就的到世界坐标了哈。
当然裁剪坐标系就是屏幕坐标变换来的哈，这个我们之前推导过。就是将屏幕坐标范围控制在[-1.,1.]之间。比如下面代码
x = (2 * click.x / screen_width) - 1；
y = -(2 * click.y / screen_height) + 1；
z = 1.0；
w = 1.0；
shader
WebGL
cesium
threeJS
gis
vue3
招聘
glsl
地图数据
vite
城市gis
VUE
模型
绘制点
UE5
自定义着色器
vue3-ts-cesium-map-show
cesium贴图材质
TvT
点击事件
useTresContext
实现热力图
求助
三维图表
html
css
webGPU
学习线路
GeoJson
dwg模型加载
初级课程鼠标绘点
drawElements纹理
图形学基础
图层
建模
blender
vscode
vec3
fastadmin导入插件
three
MacOS
升级Cesium版本
着色器
_model._sourcePrograms为空
3D格点数据
算法
mapv
glmatrix
mat4.orthp
资源
手机
浏览
w 是齐次坐标，你可以看一下透视投影矩阵的推导过程：https://juejin.cn/post/7067399682896429069。