堆栈内存溢出
cost 377 ms
feComposite 的“结果”未在后续过滤操作中用作“输入” - "result" of feComposite is not being used as "in" in a subsequent filter operation

也许我不理解<feComposite/> ，但它似乎不能在以下<feGaussianBlur/> in使用 - 我只能使用SourceGraphic ，这不是我想要的。 基本上，我有一个创建两个形状的过滤器（一个是原始路径，但用颜色填充，另一个是原始形状，但偏移和模糊）。 ...

比例 SVG 过滤器？ - Proportional SVG filter?

我尝试生成由过滤器组成的 SVG，并且我希望在调整相同图像的大小时（保持比例）具有完全相同的渲染。 我使用两个过滤器： feTurbulence和feDisplacementMap 我的问题是，当调整相同图像的大小时，我无法获得相同的渲染。 我希望按比例更改效果属性的值就足够了，但它不起作用。 在 ...

一些 SVG 元素在隐藏相邻的 div 时消失 - Some SVG elements disappear when hiding adjacent divs

我有一个项目，我在其中创建了许多 div，每个 div 都包含一个 svg 仪表。 每个仪表都是多层的，显示时看起来很棒。 它是一个复杂的仪表，所以我不会包括代码，但结构是： 我使用 jQuery 和一个下拉菜单来过滤视图，我实际上只将 div 从“display:inline-block”更改为“ ...

为什么将我的灰度 SVG 转换为 alpha 会导致亮度降低？ - Why does converting my greyscale SVG to alpha cause a reduction in brightness?

我正在尝试使用 SVG 创建一个透明的“星夜”效果。 我将 SVG 内联在网页上，在黑色背景的元素内。 我从湍流过滤器开始，然后应用颜色矩阵以获得所需的效果： ... 这使： 但这没有 alpha 透明度； 我希望它代表一个白色像素平面，其亮度仅通过位于黑色背景上且不透明度较低而降低。 所以我 ...

为什么我的位移 map 滤镜在使用时会消失<feoffset> dx 变量很大？</feoffset> - Why does my displacement map filter disappear when I use an <feOffset> with very large dx variable?

我正在尝试使用 SVG 的过滤器和过滤器来创建滚动纹理。 它工作得很好，但是正如您在这个演示中看到的那样，一旦 dx 的值增加到超过某个阈值，位移 map 过滤器就会停止渲染。 我的过滤器： 在演示中，我还在顶部覆盖了湍流过滤器，以便您可以看到过滤器继续正确滚动，而位移 map 消失了。 位移 m ...

SVG feTurbulence filter will not animateTransform rotate on Firefox - SVG feTurbulence filter will not animateTransform rotate on Firefox

此代码保存在 a.SVG 文件中，它在大多数浏览器上按预期动画，但在 Firefox 上没有。 feTurbulence 过滤器和旋转 animation 单独作用于任何其他形状，但当结合起来时，整个 svg 会破裂并且什么也没有显示。 我不知道这是否是我的错，是否不受支持，或者我是否应该将其报 ...

SVG 和 SVG Animation 效率 - SVG and SVG Animation efficiency

我刚刚开始使用 SVG 并为它们制作动画。 我在 Adobe Illustrator 中创建了一个矢量设计，导出为 SVG，然后对其进行动画处理。 灵感来自 Chris Gannon 的 SVG Diamond。 不同之处在于我试图仅使用 html 和内联 styles 创建它。 我将 SVG 称为 ...

由多个 SVG 滤镜组成的 CSS 滤镜使图像更暗 - CSS filter composed of multiple SVG filters makes image darker

我显然可以通过简单地连接它们来将一系列 css 过滤器链接在一起，这似乎有效： 但是当有问题的单个过滤器是 svg 过滤器时，由于某种原因，它似乎使生成的图像意外变暗： 下图显示了这种效果（它来自这篇文章底部的片段，在 chrome 103.0.5060.134 上）： 我用多种 svg 滤镜观察 ...

通过 CSS 使用自定义 SVG 过滤器应用时，文本未在 Safari 上呈现 - Text not rendered on Safari when applied with custom SVG filter via CSS

我编写了一个自定义 SVG 过滤器来围绕文本和图标绘制笔触。 然后在 CSS 样式表中引用过滤器。 以下代码在 Chrome 和 Firefox 中按预期呈现，但它在 Safari 上完全隐藏了内容。 我错过了过滤器定义中的任何内容吗？ .text { font-family: s ...

SVG 形状照明 - SVG Shape Lighting

摘要：我正在尝试使用由颜色、旋转、大小和路径值等属性生成的矢量图形来创建随机攀岩支架的画布。 为了给这些增加深度，我尝试为它们添加一种随机阴影，以显示形状的一个或多个侧面从背景中升起。 问题：我已经能够将此滤镜应用到 svg 上，但是正如您在下图“Light Filter”中看到的那样，我得到了这 ...

在svg中混合多渐变 - mix multi gradient in svg

我想创建这个模板。 在此处输入图像描述 我认为我应该使用 svg，因为我认为没有其他方法可以创建带圆角的梯形。 到目前为止没问题 现在看看中间的背景。 这个背景由 3 个部分组成，我们可以用线性渐变创建它。 到目前为止没问题 我的问题是，如果我们查看中间项的背景，我们会看到第一部分和第二部分从左 ...

优化 svg 过滤器湍流以获得更好的性能 - Optimize svg filter turbulence to get better performance

我正在使用 svg 湍流过滤器来创建水效果，但它在低端和中端计算机上滞后，所以我想知道是否有任何方法可以优化动画，或者是否有任何变通方法来获得相同的结果... 我听说过 requestAnimationFrame，但由于我使用的是 ReactJS，我不知道如何使用它以及它是否能解决任何性能问题.. ...

如何仅使用 SVG 自动增亮 SVG 节点？ - How to auto-brighten an SVG node using SVG only?

我希望能够指定某种转换，给定任意 SVG 节点重新映射其所有像素值以覆盖整个（0-100% 或 0-255）强度范围，同时避免剪裁。 具有 feFuncX 线性映射函数的 feComponentTransfer 过滤器几乎提供了我想要的，但似乎缺乏参考输入节点的全局最大强度的能力，有什么聪明的方法 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM