JavaScript Canvas 根据像素点取位置
2013-11-13 18:16
393 查看
<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>
相关文章推荐
- 【javascript 技巧】Array.prototype.slice的妙用
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- js checkbox的click事件,触发这个复选框的onchange事件的问题
- JavaScript逻辑运算符及优先级
- 浅析JavaScript中三个等号(===)和两个等号(==)的区别
- ExtJs ButtonGroup按钮组
- extjs之Panel
- Javascript Framework Scenario
- Js Framework
- js判断身份证最后一位是否合法的方法的总结
- javascript实现jsp页面的打印预览
- js 回车触发事件
- jsdt 调试资料(自己记录)
- 拼接JSONStringer出现的不正确的情况。
- js获取IFRAME当前的URL的方法
- js前台传中文到后台出现乱码最终解决办法
- EXTJS4 CSDN地址