开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >在javascript画布上查找图像中的非透明填充区域

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

Stack Overflow用户

提问于 2015-06-11 10: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 11:15:24

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

使用context.getImageData从画布中获取像素数据，
扫描像素数据以获得第一个不透明像素，
使用“行进广场”算法查找圆圈或矩形周围的边界路径点：Draw border around nontransparent part of image on canvas，
迭代路径点并找到minX、minY & maxX、maxY。这是圆圈或矩形的边框。
删除在step#4中计算的包围框区域，以便您可以查找下一个形状。
回到step#1，直到确定了画布上所有不透明形状的边框。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30788718

复制

相关文章

图像半透明填充

alpha cv2 dst 数据类型

算法：图像半透明填充是是在计算两张图像的像素值之和时每张图像添加了权重，给人一种半透明的填充效果。

裴来凡

2022/05/28

8370

canvas清除画布-ZBrush中如何清除画布中多余图像

ZBrush是一款数字雕刻与绘画软件，它以强大的功能和直观的工作流程彻底改变了整个三维行业。它的简洁化、智能化和人性化的设计无不让众多用户所折服。刚接触它的用户可能会因为找不到相关命令或不熟悉而觉得它有些复杂canvas清除画布，那么，在ZBrush®软件中如何对多余模型进行清除的操作有些刚接触的用户会找不清，本文就删除画布中的多余模型做详细讲解。

宜轩

2022/12/29

2.5K0

「Adobe国际认证」Adobe Photoshop，如何裁剪并拉直照片？

图片标签图片加速

裁剪是移去部分照片以打造焦点或加强构图效果的过程。在 Photoshop 中使用裁剪工具裁剪并拉直照片。裁剪工具是非破坏性的，您可以选择保留裁剪的像素以便稍后优化裁剪边界。裁剪工具还提供直观的方法，可让您在裁剪时拉直照片。

IT胶囊

2021/06/17

2.9K0

Android画布Canvas--区域Region

Canvas类有很多画图形的方法，除了常用的图形外，安卓还提供了Region--区域，表示Canvas图层上一块封闭的区域，可以用于将两个或多个图形做结合，还可以利用contains方法判断坐标、Rect是否在此区域中构造方法有以下几种，可以传入一个Region，Rect ，或者上下左右四个坐标 /** Create an empty region */ public Region() { this(nativeConstructor()); }

aruba

2020/07/03

2K0

Android画布Canvas--区域Region

怎样在JavaScript中创建和填充任意长度的数组 [每日前端夜话0x29]

编程算法 http html ecmascript

不过这并不是长久之计，比如当我们需要创建大型数组时。这篇博文探讨了在这种情况下应该怎么做。

疯狂的技术宅

2019/03/27

3.3K0

怎样在JavaScript中创建和填充任意长度的数组 [每日前端夜话0x29]

JavaScript中的变量查找

编程算法 javascript

众所周知，JavaScript变量是按照作用域链来进行查找的（作用域和作用域链相关知识可参看我的另一篇文章，《基于JavaScript作用域链的性能调优》），那么，对于一个简单的赋值操作，等号左右两边变量的查找方式一样吗？让我们从一个简单例子讲起~

娜姐

2022/05/13

1.5K0

Python剪裁图像中的指定区域

from PIL import Imageimport numpy as nprootimgs = 'D:\paper\\3low_light_image\compare_lowlighr_enchace\enhancement_image\MBLLEN\\'targetroot = 'D:\paper\\3low_light_image\compare_lowlighr_enchace\enhancement_image\\'savdir = 'D:\paper\\3low_light_image\com

狼啸风云

2020/12/18

1.8K0

Python剪裁图像中的指定区域

第157天：canvas基础知识详解

github地址： https://github.com/malun666/AndyJS2

半指温柔乐

2018/09/11

5.1K0

第157天：canvas基础知识详解

「Adobe国际认证」Adobe Photoshop调整裁剪、旋转和画布大小

可以在扫描仪中放入若干照片并一次性扫描它们，这将创建一个图像文件。“裁剪并修齐照片”命令是一项自动化功能，可以通过多图像扫描创建单独的图像文件。

IT胶囊

2021/06/16

2.5K0

canvas的api总结

canvas html javascript api

Canvas是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作

前端老鸟

2019/07/31

1.6K0

在满足逻辑条件的多个相邻区域的边缘效应填充。

import matplotlib.pyplot as plt import numpy as np y = np.arange(0.0, 2, 0.01) x1 = np.sin(2 * np.pi * y) x2 = 1.3 * np.sin(4 * np.pi * y) fig, [ax1, ax2, ax3] = plt.subplots(1, 3, sharey=True, figsize=(6, 6)) ax1.fill_betweenx(y, 0, x1) ax1.set_title

裴来凡

2022/05/28

8570

在满足逻辑条件的多个相邻区域的边缘效应填充。

JavaScript 编程精解中文第三版十七、在画布上绘图

浏览器为我们提供了多种绘图方式。最简单的方式是用样式来规定普通 DOM 对象的位置和颜色。就像在上一章中那个游戏展示的，我们可以使用这种方式实现很多功能。我们可以为节点添加半透明的背景图片，来获得我们希望的节点外观。我们也可以使用transform样式来旋转或倾斜节点。

ApacheCN_飞龙

2022/12/01

3.8K0

JavaScript 编程精解中文第三版十七、在画布上绘图

图像颜色填充

https 网络安全

算法：图像颜色填充是与从零开始着笔绘制漫画效果的图像不一样，对图像直接操作先将原始图片进行两次不同的处理，再将处理后的两个图片叠加。将图像边缘轮廓描绘完后添加颜料再将图像颜色细致度降低使颜色过度得缓慢一些形成没有现实生活中那么复杂的漫画效果的图像。

裴来凡

2022/05/28

9160

图像边界填充

dst=cv.copyMakeBorder(img, top, bottom, left, right, borderType)

裴来凡

2022/05/28

8770

如何使用LinkFinder在JavaScript文件中查找网络节点

javascript 正则表达式工具开发网络

LinkFinder是一款功能强大的Python脚本，在该工具的帮助下，广大研究人员可以轻松在JavaScript文件中发现和扫描网络节点及其相关参数。这样一来，渗透测试人员和漏洞猎人将能够快速在测试的目标网站伤收集新的隐藏节点了。

FB客服

2023/08/08

4910

如何使用LinkFinder在JavaScript文件中查找网络节点

前端canvas基础复习，canvas学习笔记，持续记录

canvas api https 网络安全

最开始学html5的时候，曾特意了解过canvas，还记得当时为了搞明白canvas的api，绞尽脑汁了很多个日日夜夜。

房东的狗丶

2023/02/17

2.4K0

前端canvas基础复习，canvas学习笔记，持续记录

canvas绘图基本使用方法(三)

canvas alpha global restore shadow

clip()方法从原始画布中剪切任意形状和尺寸。提示：一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内（不能访问画布上的其他区域）。您也可以在使用 clip() 方法前通过使用 save() 方法对当前画布区域进行保存，并在以后的任意时间对其进行恢复（通过 restore() 方法）以下是用一个圆去截取一个矩形的示例：

javascript艺术

2021/05/28

1K0

canvas绘图基本使用方法(三)

处理Excel，填充空白区域

在企业应用开发中经常是业务人员提供Excel的数据源，而开发人员将Excel数据导入到数据库中，然后在数据库中进行处理。在Excel中为了表示一种层次和所属关系，很多时候会产生很多空白的单元格。比如一个CRM数据，里面有销售团队、销售员和客户数据，销售员属于某个销售团队，客户属于某个具体的销售，于是业务人员会提供这样的数据：

深蓝studyzy

2022/06/16

7330

简单的canvas绘图

canvas javascript

注意：默认情况下 <canvas> 元素没有边框和内容,width 和 height 属性定义的画布的大小.

江米小枣

2020/06/15

2.4K0

点击加载更多

相似问题

如何使用javascript填充图像中的透明区域？

25

在JavaScript中在透明图像上创建填充动画

16

在画布上的透明区域边缘应用效果

10

在CGRect图像中寻找非透明填充iOS

12

在画布上查找绘制区域的算法

64

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验