小编Kar*_*ran的帖子
在 Webgl 中剪切图像
二维画布提供了一个名为绘制图像的 api： context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); 其中sx是图像剪辑开始的位置。
http://www.w3schools.com/tags/canvas_drawimage.asp，
我正在尝试使用 webgl 来渲染使用texImage2D的 2D 图像。我想检查是否有办法使用 webgl 实现剪辑。
我正在使用以下教程使用 webgl 渲染 2d 图像。 http://webglfundamentals.org/webgl/lessons/webgl-image-processing.html
原图：
使用 drawImage(2D) 进行剪辑：
用 webgl 剪裁：
var gl,program,positionLocation,originalImageTexture,canvas;
var x = 10;
var y = 20;
function setupWebGL(){
var canvas = document.getElementById("canvas");
gl = canvas.getContext("webgl");
if (!gl) {
return;
}
// setup GLSL program
var program = createProgramFromScripts(gl, ["2d-vertex-shader", "2d-fragment-shader"]);
gl.useProgram(program);
// look up where the vertex data needs to go.
positionLocation …2
推荐指数
推荐指数
1
解决办法
解决办法
2624
查看次数
查看次数