texImage2D加载本地图片跨域问题
来源:4-4 使用多重纹理
treasure0107
2023-02-10
const img = new Image();
img.onload = function () {
// 创建纹理对象
const texture = gl.createTexture();
// 翻转 图片 Y轴
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1)
// 开启一个纹理单元
gl.activeTexture(gl.TEXTURE0)
gl.bindTexture(gl.TEXTURE_2D, texture)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, gl.RGB, gl.UNSIGNED_BYTE, img)
gl.uniform1i(uSampler, 0)
gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)
}
img.src = '../assets/qiche.jpeg'
写回答
1回答
-
核桃丷
2023-03-27
vscode用 live server打开页面,或者自己用webpack或vite搭建工程00
相似问题