国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 且末县| 中江县| 南汇区| 湟源县| 铜川市| 砚山县| 宽甸| 探索| 环江| 华亭县| 固原市| 清远市| 福泉市| 永兴县| 汉川市| 安义县| 祁连县| 容城县| 西丰县| 志丹县| 德清县| 中方县| 潼关县| 安达市| 额尔古纳市| 荣昌县| 楚雄市| 武穴市| 惠安县| 怀安县| 湟源县| 平顶山市| 伊吾县| 鹿邑县| 鄂伦春自治旗| 阜新| 石家庄市| 河北省| 喀什市| 应城市| 广宗县|