问题标签 [compositing]

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.

0 投票
1 回答
44 浏览

svg - html 画布剪辑,但带有图像

我一直在使用 html 画布合成尝试使用蒙版剪辑图案。

我的主要问题是我的面具来自最外边界内带有透明胶片的svg。我希望从最外边界开始的整个内部都填充有图案。

以这个 SVG 为例,您可以看到有一个像素边框,然后是一些透明度,然后是一个不透明的红色内部斑点。我所做的合成工作按照文档所说的那样工作,单像素边框和红色内部部分拾取了我想要掩盖成这种形状的图案。问题是我想从单个像素边框开始掩盖整个内脏。

这是我认为剪辑可能会有所帮助的地方。但似乎剪辑仅适用于手动绘制的路径,而不是来自 svg 的路径(至少我知道)。

有没有办法完成我想做的事情?

问候,詹姆斯