数据结构
网络
关系型数据库
操作系统
Java
Microsoft Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究更改在 HTML5 canvas 元素上绘制的图像的颜色。
为了更改在 HTML5 Canvas 元素 上绘制的 图像 的颜色，你可以尝试运行以下代码。使用 drawImage() 方法
示例：更改图像颜色的代码
function display(img1, red, gr, bl) { //func to change color of image
var canvas1 = document.createElement('canvas');//canvas element initialisation
canvas1.width = img.width;//canvas width initialisation
canvas1.height = img.height; //canvas height initialisation
var 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;
},
更新于： 22-11-2023
1,000+ 查看
广告