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中[attribute!=value]选择器用法实例
Dec 31 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
Jun 19 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
详解JavaScript节流函数中的Throttle
Jul 16 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
JavaScript设计模式之单例模式简单实例教程
Jul 02 Javascript
element-ui 设置菜单栏展开的方法
Aug 22 Javascript
基于axios 解决跨域cookie丢失的问题
Sep 26 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
JavaScript计算出两个数的差值
Mar 19 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
php垃圾代码优化操作代码
2010/08/05 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
AngularJS 服务详细讲解及示例代码
2016/08/17 Javascript
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
Pyhton中防止SQL注入的方法
2015/02/05 Python
Python合并两个字典的常用方法与效率比较
2015/06/17 Python
Python实现二叉搜索树
2016/02/03 Python
独特的python循环语句
2016/11/20 Python
JSONLINT:python的json数据验证库实例解析
2017/11/28 Python
Python实现的端口扫描功能示例
2018/04/08 Python
python3实现基于用户的协同过滤
2018/05/31 Python
python 3.6.4 安装配置方法图文教程
2018/09/18 Python
python实现连续图文识别
2018/12/18 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
详解python中index()、find()方法
2019/08/29 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
利用keras加载训练好的.H5文件,并实现预测图片
2020/01/24 Python
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
zooplus波兰:在线宠物店
2019/07/21 全球购物
护士辞职信范文
2014/01/19 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
大学生村官承诺书
2014/03/28 职场文书
毕业证明模板
2015/06/19 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA