javascript根據(jù)像素點取位置示例
更新時間：2014年01月27日 15:58:29 作者：
這篇文章主要介紹了javascript根據(jù)像素點取位置的示例，大家參考使用吧
復制代碼 代碼如下:
<html>
<body>
<canvas id="canvas" width="100" height="100" style="background-color: #000;"/>
<script>
function position (x,y){
this.x = x;
this.y = y;
}
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d');
width = canvas.width,
height = canvas.height;
ctx.fillStyle = "#FF0000";
ctx.font = "20px Arial";
ctx.fillText("媽媽",10,50);
var pixs = ctx.getImageData(0,0,width,height).data;
var Pixels = new Array();
for(var i=0;i<pixs.length;i+= 4)
{
var r = pixs[i],
g = pixs[i+1],
b = pixs[i+2],
a = pixs[i+3];
if(r != 0 || g != 0 || b != 0 ){
var x = i%400;
var y = i/400;
Pixels.push(new position(x,y));
}
}
</script>
</body>
</html>
相關文章
這篇文章主要介紹了JS字符串和數(shù)組如何實現(xiàn)相互轉化,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
這篇文章主要介紹了webpack4.x開發(fā)環(huán)境配置方法,結合實例形式詳細分析了webpack4.x的具體安裝、項目創(chuàng)建、打包操作等相關問題與處理技巧,需要的朋友可以參考下2018-08-08
js 頁面?zhèn)鲄?shù)時 參數(shù)值含特殊字符的問題
解決方法就是利用js的escape函數(shù)，這個函數(shù)在解決中文亂碼等方面應用的比較廣泛。推薦使用。2009-12-12
下面小編就為大家?guī)硪黄狫S判斷字符串變量是否含有某個字串的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
最近遇到一個小程序的開發(fā)需求,直接可以通過小程序就記錄運動軌跡,所以這篇文章主要給大家介紹了關于微信小程序記錄用戶移動軌跡的相關資料,需要的朋友可以參考下2021-08-08
JavaScript實現(xiàn)讀取上傳視頻文件的時長和第一幀畫面過程講解
當我們做一個后臺系統(tǒng)的音視頻管理模塊時，通常要限制文件的大小和類型，這篇文章主要介紹了JavaScript實現(xiàn)讀取上傳視頻文件的時長和第一幀畫面過程，需要詳細了解實現(xiàn)方法可以參考下文2023-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單抽獎小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript正則表達式小結(test|match|search|replace|split|exec)
這篇文章主要介紹了JavaScript正則表達式小結(test|match|search|replace|split|exec)的相關資料，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一個依賴jquery的自定義網(wǎng)頁滾動條樣式插件，這篇文章主要介紹了webpack里使用jquery.mCustomScrollbar插件的方法，感興趣的小伙伴們可以參考一下2018-05-05
JSON是一種數(shù)據(jù)格式，在實際開發(fā)中，JSON總是以配置文件的形式出現(xiàn)。小程序項目中也不例外:通過不同的Json配置文件，可以對小程序項目進行不同級別的配置2022-10-10