国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

-html5 更新圖片顏色示例代碼

2020-03-24 15:49:19
字體：大 中 小
來源：轉載
供稿：網友
看吧電影網[www.aikan.tv/special/kanbadianyingwang/]

代碼如下:



<canvas id="c1" width="1220" height = "880" style="background: none repeat scroll 0% 0% transparent; "></canvas>

<script>

var cID = "c1";

var image = new Image();

image.src = "Eye/item_eye_1.png";

image.onload = function () {

recolorImage(cID,image, 0, 0, 0, 255, 0, 0);

}

function recolorImage(c,img, oldRed, oldGreen, oldBlue, newRed, newGreen, newBlue) {

var c = document.getElementById(c);

var ctx = c.getContext("2d");

var w = img.width;

var h = img.height;

c.width = w;

c.height = h;

// draw the image on the temporary canvas

ctx.drawImage(img, 0, 0, w, h);

// pull the entire image into an array of pixel data

var imageData = ctx.getImageData(0, 0, w, h);

// examine every pixel,

// change any old rgb to the new-rgb

for (var i = 0; i < imageData.data.length; i += 4) {

// is this pixel the old rgb?

if (imageData.data[i] == oldRed && imageData.data[i + 1] == oldGreen && imageData.data[i + 2] == oldBlue) {

// change to your new rgb

imageData.data[i] = newRed;

imageData.data[i + 1] = newGreen;

imageData.data[i + 2] = newBlue;

}

}

// put the altered data back on the canvas

ctx.putImageData(imageData, 0, 0);

}

</script>

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 长春市| 民勤县| 北宁市| 洱源县| 三河市| 景德镇市| 雷山县| 南岸区| 安多县| 莱阳市| 连州市| 宜阳县| 兰西县| 舒城县| 汶上县| 江山市| 孟村| 九寨沟县| 金溪县| 龙江县| 江口县| 靖江市| 元氏县| 通山县| 曲阳县| 保康县| 台东市| 阳高县| 梨树县| 卓资县| 清徐县| 绥棱县| 通州区| 周至县| 景洪市| 肇源县| 璧山县| 延边| 高阳县| 五寨县| 双辽市|