首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在javascript画布上查找图像中的非透明填充区域

在javascript画布上查找图像中的非透明填充区域
EN

Stack Overflow用户
提问于 2015-06-11 18:31:03
回答 1查看 1.4K关注 0票数 1

我有一个充满圆圈,矩形等的图像。我想找到填充区域的x1,x2,y1,y2区域。

Javascript Method to detect area of a PNG that is not transparent

接受的答案很好,但我需要分别找到每一个领域。如下图所示,我需要你x1,x2,y1,y2的位置。你有什么想法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-11 19:15:24

这里有一个提纲让你开始:

  1. 使用context.getImageData从画布中获取像素数据,
  2. 扫描像素数据以获得第一个不透明像素,
  3. 使用“行进广场”算法查找圆圈或矩形周围的边界路径点:Draw border around nontransparent part of image on canvas
  4. 迭代路径点并找到minX、minY & maxX、maxY。这是圆圈或矩形的边框。
  5. 删除在step#4中计算的包围框区域,以便您可以查找下一个形状。
  6. 回到step#1,直到确定了画布上所有不透明形状的边框。
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30788718

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档