WebGL开发：图像对齐加载

WebGL能够加载并使用图片纹理，并支持基于指定的坐标参数进行调整设置以适应不同的图像需求；这包括允许对图像尺寸进行相应的调整设置以满足具体应用的要求。通常在处理图像时，关键在于正确设置像素位置坐标的值；如下面所描述的形式依次排列像素位置坐标的数值信息以便实现精准定位功能。如下面所示的方式排列像素位置坐标信息：首先定义基准点；然后按照x轴方向递增顺序依次排列每个点对应的y轴值；最后按照上述顺序建立完整的二维平面坐标系以实现图像的空间定位关系。

在图片像素位置得到精确设置后，在设定图片尺寸时，默认会根据图像的实际长宽比例自动加载一张图像。当x坐标和y坐标的初始值为0时，默认从图像左上方开始加载画面内容；如果希望加载区域稍微远离中心，则可适当增加x坐标及y坐标的数值以实现偏移效果。

在WebGL中的vertex-shader中，必须将屏幕坐标转换为渲染空间的坐标。下