首頁猿問用戶單擊時(shí)如何使用JavaScri...

用戶單擊時(shí)如何使用JavaScript或jQuery讀取圖像的像素？

JavaScript JQuery

aluckdog 2019-10-18 09:59:00

當(dāng)用戶單擊圖像時(shí)，如何使用JavaScript或jQuery讀取圖像像素的顏色？（當(dāng)然，通過預(yù)訂click事件，我們可以獲得該像素的（x，y）值）。

查看完整描述

2 回答

手掌心

TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊

如果可以在canvas元素中繪制圖像，則可以使用該getImageData方法返回包含RGBA值的數(shù)組。

var img = new Image();

img.src = 'image.jpg';

var context = document.getElementById('canvas').getContext('2d');

context.drawImage(img, 0, 0);

data = context.getImageData(x, y, 1, 1).data;

反對回復(fù) 2019-10-18

關(guān)注

舉報(bào)

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號