标签[svg] 第6页 - 堆栈内存溢出

[英]Leaflet issue related to svg layer ordering

在我的 leaflet 应用程序中，我同时使用了 canvas 和 svg 渲染器。 Canvas 渲染器用于标记，svg 用于多边形。但正因为如此，我无法使用layer.bringToBack()方法订购 svg 渲染的多边形图层。我想要多边形层返回的原因如下图所示。标记上方的多边形多边 ...

如何使用 jQuery 设置文本路径字母的样式

[英]How to style a Textpath letter with jQuery

我想通过 jquery 添加其内容的 textPath 的一些字母的样式。 jQuery： HTML：问题是如何设置样式，例如，单词：** text** 我可以更改 textPath 的数据内容，但无法设置样式。我已经使用Tspan或通过 jQuery 操纵 CSS 进行了测试，但没有结果。 ...

使用 .htaccess 保护上传的 .svg 文件

[英]Protect uploaded .svg files with .htaccess

我允许 svg 上传并寻找一种方法来保护它们免受特定位置的 .htaccess 文件的注入。如果我想最大程度地降低将 .svg 文件上传到我的 public_html/public/uploads 文件夹的风险，最佳做法是什么？编辑：重点是能够公开查看.svg，但以某种方式保护它们不被编辑。 ...

SVG 过滤器在 iOS-Safari 上消失

[英]SVG filter disappear on iOS-Safari

在iOS Safari中，第二个rect消失了，为什么？我希望它能在 iOS 中正确显示。 <svg style="width:800px; height:500px; display: inline;" xmlns="http://www.w3.org/2000/svg" xmlns:x ...

SVG 到 PNG - 线条不可见

[英]SVG to PNG - lines invisible

问题：某些 svg 绘图在 chrome 和 edge 中打开良好，但在 inkscape 中打开效果不佳，或者使用 imagemagick 无法很好地转换。在我的例子中，只显示了文本标签，根本没有线条或绘图。我在 stack-overflow 或 google 上找不到解决方案，问题似乎发生在其 ...

如何识别 SVG 是否正在消耗所有浏览器的 memory 并捕捉 window

[英]How to identify if SVG is consuming all browser's memory and snaps the window

问题当我尝试上传以下 SVG 时，它消耗了所有 memory 并最终主线程冻结并且 window 快照发生。重现步骤运行下面的代码片段，你会看到它会捕捉结果面板，或者你可以尝试创建一个svg文件并上传它，然后同样的事情也会发生我知道的这基本上完全是一个安全威胁，通常称为SVG Billion L ...

在 hover 和 svg 中创建 hover 效果的正确方法是什么<img>标签？

[英]What is the correct way to create a hover effect for and svg in an <img> tag?

为嵌入在 ing 标签中的 SVG 添加 hover 效果的正确方法是什么？这能单纯靠CSS来实现吗？如果不是，嵌入具有 hover 效果的 SVG 图标的正确 HTML 语义方式是什么？谢谢 ...

如何创建一个新的 svg 路径自动缩放到不同的高度/宽度

[英]How to create a new svg path to automatically scale to different heights / widths

我有一个 svg 路径，我想用它在 JS 中创建一个新路径以自动调整到不同的高度等。 ...

我们应该将 SVG 用作 React 组件还是将其与图像标签一起使用

[英]Should we use SVG as React Component or use it with the image tag

我注意到 Instagram 和 Medium 等许多网站都使用 SVG 作为图标的组件，我还注意到有些网站将 SVG 放在图像标签中。我不确定哪个是好的做法，以及将它用作组件的优势是什么。通常我更喜欢将它们用作组件，但与我一起工作的另一个人在图像标签中使用它。 ...

如何在 scss 文件中使用 svg 文件？

[英]How can i use svg file in scss file?

我在 src/assets 目录中有 icon.svg。我想在一些 scss 文件中使用这个 svg 文件。像这样但它不起作用。我可以看到这个错误我试过这些：最后我解决了这个问题但我不想要这个。我想要使用我的 svg 文件的短代码。我能怎么做？ ...

根据百分比填充多个 colors 的 SVG 路径

[英]Filling an SVG path with multiple colors according too the percentage

嘿，我还在学习英语，很抱歉。我想并排填充 3 colors 的路径。就我而言，它是 84.9% 的浅红色、7.7% 的浅蓝色和 7.9% 的浅绿色这是我的代码。我是编码新手，找不到相应的方法来填充路径。只有一种颜色。我可以将“填充”属性设置为百分比吗？并排帮助将不胜感激:) 我试着填了 ...

如何将图像转换为响应式 css 代码

[英]how to convert image to responsive css code

最近，我注意到很多网站都没有使用图像作为他们的标志，甚至一些内容图像。我无法复制这些图像或在新选项卡中打开图像。当我签入检查元素时，那些是代码，而不是真实图像。例子： SVG <svg xmlns="http://www.w3.org/2000/svg" width="210" he ...

svgprite 加载所有图标期望一个

[英]svgprite loading all icons expect one

我正在使用哈巴狗引擎并尝试从 spritemap.vsg 加载 svgs 我有 4 个图标它们都正常显示，除了一个所以我有这个 mixin 并且它工作得很好但是其中一个图标没有显示现在使用图标：我预计我的徽标图标本身可能有问题但是当我在 codepen 上使用完全相同的 sprite sv ...

必要时在带有自动滚动条的Qooxdoo window中创建一个增长和收缩的SVG canvas

[英]Create a growing and shrinking SVG canvas in a Qooxdoo window with automatic scrollbars when necessary

使用 Qooxdoo 我想要一个 window 只包含一个 HTML SVG 元素。此 SVG 应使用可调整大小的 window 中的完整可用大小。当 window 变得太小时，应自动出现滚动条，以便 SVG 内容仍然完全可见（当用户相应地滚动时）我怎样才能做到这一点？ ...

我在哪里可以找到 transform-origin 的定义以及 transform-origin 是如何工作的？

[英]Where can I find transform-origin's definition and how does transform-origin work?

我有一个简单的 html 和 svg，如下所示： <svg class="svg" style="border:1px solid black" width="200" height="200"> <rect transform="translate(100, 100)" wi ...

SVG 包含孔的 ExtrudeGeometry 问题

[英]ExtrudeGeometry issue for SVG Containing Hole

我目前正在寻找挤出下面的 SVG：但我得到以下结果：我只会挤出两个六边形墙空间。我该怎么做？我尝试了 SVGLoader.createShapes(path); 和//path.toShapes(true); 这是我的代码：我在下面添加我的 SVG。当我尝试调试时，我得到 4 个网格 ...

将 CSS in.SVG 文件限制为仅 SVG

[英]Restrict CSS in .SVG file to that SVG only

我们为我们的客户使用 Umbraco，我们希望允许他们更改某些内容的图标。可以上传和 select 自定义 SVG。因为我们在模板基础上工作，所以我们想要控制图标的颜色。使用 javascript，我们将带有 SVG 的<img>转换为 HTML <svg>标签。这 ...

SVG 定义的背景过滤器无法在 Safari/Chrome 上呈现

[英]SVG-defined backdrop-filter doesn’t render on Safari/Chrome

考虑以下示例（改编自此处），它将相同的feTurbulence / feDisplacementMap SVG 过滤器应用于两个 HTML 元素，一个作为 CSS filter() ，另一个作为 CSS backdrop-filter() 。在 Chrome 上，对两个元素都正确应用了失真，但在 ...

如何 position svg 元素内的复选框？

[英]How to position a checkbox inside an svg element?

假设我想创建一个小正方形 web 元素，中间有一个圆圈和一个复选框。勾选复选框应该改变圆圈的颜色。我在下面提供了一个工作代码示例。我目前面临的问题是我当前的实现将复选框放在 svg下方，而不是在其中。因此我的问题是：有没有办法在 svg 元素之内或之上的 position 这个复选框，并根 ...

如何编辑 SVG 创建的矩形中的文本属性？

[英]How do I edit the text attribute in SVG created rectangles?

我正在绘制 svg，它有四个矩形，每个矩形都有特定的文本（标签）。我有一个能够编辑文本的要求，它应该采用用户定义的 label。我尝试了一些方法，比如使用输入框和文本的 contenteditable true 属性，但似乎对我没有任何作用。我已经分享了我的部分代码以及 jsfiddle 链 ...