为了更改 html5 canvas 元素上绘制的图像的颜色，您可以尝试运行以下代码。使用drawimage()方法 -
function display(img1, red, gr, bl) { //func to change color of image var canvas1 = document.createelement('canvas');//canvas element initialisationcanvas1.width = img.width;//canvas width initialisation canvas1.height = img.height; //canvas height initialisationvar ctx1 = canvas1.getcontext('2d'); ctx1.drawimage(img, 0, 0);var myimg =ctx1.getimagedata(0, 0, canvas1.width, canvas1.height);for (var t=0;t< myimg.data.length;t+=4) { myimg.data[t]= red | myimg.data[t]; myimg.data[t+1]= gr | myimg.data[t+1]; myimg.data[t+2]= bl | myimg.data[t+2]; }ctx1.putimagedata(myimg,0,0); // image data is adjusted according to context return c;},
以上就是在html5画布元素上绘制的图像的颜色改变的详细内容。