javascript根据像素点取位置示例


Posted in Javascript onJanuary 27, 2014
<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 相关文章推荐
从零开始学习jQuery (二) 万能的选择器
Oct 01 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
angular内置provider之$compileProvider详解
Sep 27 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
微信小程序单选框自定义赋值
May 26 Javascript
详解JavaScript 的执行机制
Sep 18 Javascript
Nuxt 项目性能优化调研分析
Nov 07 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 #Javascript
FF IE浏览器修改标签透明度的方法
Jan 27 #Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 #Javascript
javascript动态添加、修改、删除对象的属性与方法详解
Jan 27 #Javascript
javascript中定义私有方法说明(private method)
Jan 27 #Javascript
用javascript替换URL中的参数值示例代码
Jan 27 #Javascript
jquery选择器之基本过滤选择器详解
Jan 27 #Javascript
You might like
html静态页面调用php文件的方法
2014/11/13 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
vue+elementUI实现简单日历功能
2020/09/24 Javascript
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
在Python中使用第三方模块的教程
2015/04/27 Python
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
亲子拓展活动方案
2014/02/20 职场文书
淘宝店策划方案
2014/06/07 职场文书
理财计划书
2014/08/14 职场文书
2014年设计师工作总结
2014/11/25 职场文书
继承权公证书范本
2015/01/23 职场文书
人间正道是沧桑观后感
2015/06/15 职场文书
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL
Golang流模式之grpc的四种数据流
2022/04/13 Golang