canvas坐标系统 webgl坐标系统 uv纹理坐标系统 原点

本文介绍了Web开发中Canvas、WebGL和UV坐标系的区别,包括Canvas的左上角原点,x轴向右y轴向下;WebGL的中心原点,x轴向右y轴向上,数据范围[-1,1];以及UV坐标系统的左下角原点,同样x轴向右y轴向上,数据范围同样为[-1,1]。

一、canvas、屏幕坐标:原点在左上角,x轴正方向向右,y轴正方向向下,一个点对应一个像素

二、webgl、屏幕归一化坐标(NDC)原点在正中间,x轴正方向向右,y轴正方向向上。

注意:NDC数据显示范围在[-1,1]之间,超过此范围不显示数据

三、uv原点在左下角,x轴正方向向右,y轴正方向向上,数据范围在[-1,1]之间

uv坐标不直接表示纹理的像素位置,而是一个比例关系,例如u=0.5,v=0.5 表示纹理的正中心

四:纹理空间:单位是像素,而不是比例,原点在左下角

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值