java给图片坐标描点,记录一下， canvas实现获取图片每个坐标点，以描点方式渲染图片...

var result_arr = [];

let dom = document.getElementById(‘canvas‘),

ctx = dom.getContext(‘2d‘);

var img = new Image();

img.src = ‘../images/logo.png‘;

img.onload = function(){

ctx.drawImage(img,0,0,180,150);

var cw = canvas.width , ch = canvas.height;

let imgData = ctx.getImageData(0,0,cw,ch).data;

var i = 0 , len = imgData.length , j = 0;

var tmpx = 0;

for( ; i < len ; i++ ){

tmpx+=1;

if(i % 1200 == 0 && i!= 0){

j+=1;

tmpx = 0;

};

var rgbas = `rgba(${imgData[i]},${imgData[i+1]},${imgData[i+2]},${imgData[i+3]})`;

result_arr.push( { x : tmpx , y : j , rgbas : rgbas } );

i+=3;

};

ctx.clearRect(0,0,cw,ch);

result_arr = result_arr.filter(item=>{ return item.rgbas != ‘rgba(0,0,0,0)‘ });

var i = 0 ;

function draw(){

for( var i = 0 ;i < result_arr.length; i++ ){

ctx.fillStyle = result_arr[i].rgbas;

ctx.fillRect( result_arr[i].x , result_arr[i].y ,1,1);

};

}

draw();

};

原文：https://www.cnblogs.com/lkkk/p/12966936.html

java给图片坐标描点,记录一下， canvas实现获取图片每个坐标点，以描点方式渲染图片...相关推荐

vue 创建图片坐标点_利用vue+fabric.js获取图片坐标，并实现图片拖拽、旋转、拉伸等功能...
什么是Fabric.js? Fabric.js是一个可以简化Canvas程序编写的库. Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具. ...
【Directx3D-4】渲染图片（纹理贴图方式）
文章目录纹理纹理资源格式 Direct3D中的纹理坐标系视口代码离屏表面和纹理内存的比较参考资料图片渲染,在前文[DirectX3D - 2]渲染YUV图片(离屏表面方式)已经介绍过使 ...
Java后台生成图表——主代码（折线图，饼状图，柱状图，-》并产出图片PDF或其他格式的图片内容）
声明: 本文采用的数据均来源于网络,本人只用于学习记录,若有侵权,还望能及时联系. Maven 的 POM 依赖 <!--用于jfreechart生成图片 --&g ...
用Java Instrumentation 在类加载时添加记录
用Java Instrumentation 在类加载时添加记录发布者:xanadu0214 来源:网络转载发布日期:2013年11月06日 Java学习交流群:471651004 在分 ...
Java / JEE中的有效日志记录–映射的诊断上下文
当我和一位同事坐在一起解决一些应用程序问题时,一切都开始了,当时我注意到了一些有趣的事情. 他正在合并代码,我的眼睛吸引了此类" org.apache.log4j.MDC"的注意. ...
在线图片坐标拾取工具
在线图片坐标拾取工具在线图片坐标拾取工具图片位置坐标拾取,可以点击或直接复制图像,按CTRL+V加载图像,在图片上移动鼠标即可拾取图片当前位置的坐标,数据纯本地浏览器处理,不会上传到服务器,请放心 ...
用JAVA代码利用坐标构造三角形、椭圆、直线并求其周长、面积
用JAVA代码利用坐标构造三角形.椭圆.线段线并求其周长.面积主测试程序 ShapeCreator类 Shape类 Oval类 line类 Rectangle类 Triangle类本程序主要靠编写 ...
基于Java小案例家庭收入支出记录
基于Java小案例家庭收入支出记录跟着视频来写的,不喜勿喷,谢谢 package JavaText;public class FamilyAccount {public static void ma ...
Java常用类(谷粒商城学习记录)
Java常用类谷粒商城学习记录谷粒商城学习记录谷粒商城学习记录干嘛老是提示我与别人的文章相似呢?真的是我自己整理的啊啊啊老是提示与这个文章相似 https://blog.csdn.net/c ...

java给图片坐标描点,记录一下， canvas实现获取图片每个坐标点，以描点方式渲染图片...

java给图片坐标描点,记录一下， canvas实现获取图片每个坐标点，以描点方式渲染图片...相关推荐

最新文章

热门文章