javascript根据像素点取位置示例
时间:2023-09-03 22:58:54
<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,像素
0
投稿
猜你喜欢
使用pandas 将DataFrame转化成dict
2022-08-11 17:46:33
利用Python小工具实现3秒钟将视频转换为音频
2023-05-26 21:11:34
Java 数据库连接池c3p0 介绍
2024-01-22 02:44:24
Python全角与半角之间相互转换的方法总结
2023-12-25 03:50:50
伪静态下不能使用FCKeditor的解决方法
2023-02-03 06:54:20
正则 global 属性介绍
2008-03-18 20:50:00
pytorch 多个反向传播操作
2021-03-05 02:21:49
PHP 应用容器化以及部署方法
2023-11-14 15:45:06
使用XML库的方式,实现RPC通信的方法(推荐)
2021-11-15 14:00:42
利用C#实现分布式数据库查询
2024-01-24 18:25:28
解决Jrebel用户名中文导致用不了的问题
2023-04-10 05:20:15
浅谈Python数学建模之整数规划
2021-12-01 18:26:07
MySQL简化输入小技巧
2024-01-13 15:49:33
python关于excel多个sheet的导入导出方式
2021-03-15 04:40:19
MySQL中DATE_FORMAT()函数的具体使用
2024-01-16 14:03:49
python3.4中清屏的处理方法
2023-11-14 04:09:21
一步步教你用python给女朋友写个微信自动提醒的程序
2022-09-03 16:50:25
python读取图片任意范围区域
2023-07-16 06:26:21
python知识:装饰器@property到底有啥用途
2022-07-23 12:25:45
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2021-06-03 17:02:32