编程 Javascript

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 相关文章推荐

使用javascipt---实现二分查找法

Apr 10 Javascript

javascript里绝对用的上的字符分割函数总结

Jul 31 Javascript

javascript搜索框点击文字消失失焦时文本出现

Sep 18 Javascript

js在指定位置增加节点函数insertBefore()用法实例

Jan 12 Javascript

JS实现支持Ajax验证的表单插件

Mar 24 Javascript

在javascript中使用com组件的简单实现方法

Aug 17 Javascript

探究JavaScript中的五种事件处理程序方式

Dec 07 Javascript

xmlplus组件设计系列之网格（DataGrid）(10）

May 05 Javascript

使用vuepress搭建静态博客的示例代码

Feb 14 Javascript

js实现提交前对列表数据的增删改查

Jan 16 Javascript

jquery更改元素属性attr()方法操作示例

May 22 jQuery

vue项目打包后提交到git上为什么没有dist这个文件的解决方法

Sep 16 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