问题标签 [image-masking]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
matlab - 使用 MATLAB 屏蔽移动对象
我正在使用数字摄影测量来构建河岸的点云。这些照片是从移动的木筏上拍摄的,我需要从照片中遮住木筏和桨。我使用 MATLAB 来遮蔽木筏,这相当容易,但我无法弄清楚如何遮蔽桨,它会在图片之间移动。有13000+张图片,所以需要批量操作。我不能只遮盖一个区域,因为该遮盖区域会覆盖图片的很大一部分。有没有人有关于如何在背景也移动时检测移动物体的提示?我会发布图片,但我没有足够的声誉。
谢谢!
photoshop - Photoshop 图层混合 - 消除背景
是否可以使用图层混合和遮罩来消除背景(透明),使用带有产品的图片和没有产品的图片作为背景参考图片。
就像一个图层蒙版,只显示图像不同的地方。(产品和影子)
提前致谢。
javascript - Snapsvg使用蒙版在矩形中创建孔
是否可以在 Snapsvg 的矩形元素中创建例如圆形孔?我尝试使用白色和黑色元素和遮罩功能,但我无法弄清楚。大多数结果是倒置的(我只看到带有矩形颜色的圆圈)或根本没有效果。并且搜索谷歌也没有帮助 - 我发现唯一相关的事情是,但是当我尝试使用 Snapsvg 复制它时,它并没有像我之前尝试描述的那样好用(我必须承认,我不完全确定它是否是我的错误或其因为 snapsvg 掩码处理)。
它非常重要,它将是使用矩形的简单解决方案,而不是使用路径或类似事物的解决方案。
我试图实现的目标类似于游戏制作者表面 - 带有孔(光)的黑暗前景,我可以看到背景。
我也在寻找可以处理元素中多个圆孔和动态位置变化的解决方案。
感谢任何答案,我希望它甚至是可能的。
PS:对不起我的英语,我不是来自英语国家
javascript - 如何让瓶子看起来静止不动
我创建了一个带有标签的瓶子,该标签在 div 内自动滚动,因为 div 滚动瓶子并且标签似乎在旋转。下面是一个演示以及 JSFiddle 中的代码。
https://jsfiddle.net/pkfxqmLs/
当 div 滚动并移动标签时,如何使瓶子看起来静止不动,以便瓶子看起来在页面中心来回旋转,而不像标签那样来回移动。
javascript - 使用fabric js屏蔽两个图像
是否可以使用fabric js屏蔽两个图像?
例如:我有一个彩色的形状(心)。我有另一个图像,我想将它掩盖在心脏上,以便新图像仅显示为心脏。我可以移动第二张上传的图像并调整大小以获得该心脏所需的区域。
这两个图像都是用户上传的图像,而不是使用织物创建的矩形或正方形之一,并且像此处的 jsfiddle 示例中那样拖动和调整图像大小。
http://jsfiddle.net/Jagi/efmbrm4v/1/
我正是需要这个,但有两个自定义图像(用户上传的图像)。
svg - 生成时不渲染 Svg 遮罩
简单吧?事情是这样的,如果我把这个 svg 放到一个 html 文件中,掩码就可以完美地工作。但是当我使用虚拟 dom 生成相同的 svg 时,遮罩没有效果,我们只有一个巨大的红色矩形。
<defs></defs>
烦人的是,如果我打开开发人员工具并向 svg添加一个毫无意义的内容,我可以在生成时显示它。这似乎以某种方式踢了 svg 并提醒它需要屏蔽。
有人知道这里发生了什么吗?是否有不涉及设置计时器以注入空的解决方法defs
?
更新:
这是来源
这是一些相关的进口
更新
在评论的帮助下弄清楚了。这是node
对Svg.node
。当我改变它时Svg.node
,问题就消失了。问题是:
- 为什么要修复它?
- 这里的幕后发生了什么使这变得重要?
- 可以将其设为类型安全,以便我遇到的问题可能是编译时错误吗?
javascript - 无法弄清楚如何让 css/js 屏蔽代码在流星中工作
我找到了示例代码,我想我只需要把它插入就可以了,但我是 Meteor 的新手,我希望只是犯一些简单的幼稚错误。我认为 jquery 已经包含在 Meteor 中,并且如果我在“客户端”代码部分中使用 $ 或 document.getElementById 它将起作用,但我要么为后者得到一个空值,而为前者定义 $ : (
在这篇文章中,我试图使我的代码尽可能简洁。
这是我项目中用于屏蔽的 javascript 代码:
这是相关的css代码:
html代码:
更新我能够通过使用 Salman 的 Template.applicationLayout.onRendered() 函数和 anomepani javascript dom 选择器代码并将 id="canvas" 添加到我的画布对象来使其工作。谢谢你们的帮助,我希望我能将两者都标记为答案。