svg 相关问题

可缩放矢量图形(SVG)是一种基于XML的二维矢量图形格式,也可以在HTML中使用。不要仅仅因为您的项目使用SVG而添加此标记。相反,如果您的问题是关于SVG或与其密切相关的问题,请添加标记,例如如何使用SVG实现某些功能。

SvgPathdataChrome48

SvgPathelement.pathseglist

回答 3 投票 0


自我重叠的SVG路径

<path d="M187 240 L188 240 L315 217 L317 217 L330 306 L247 233 L258 226 L292 222 L303 178 L353 165" fill="none" opacity="0.6" stroke-width="14" stroke = "red"/>

回答 3 投票 0


如何在VS代码1.97+

输入图像描述在这里 我不知道我遇到的是什么,但是我没有安装任何扩展名,而我的SVG开始以常规文件的形式打开,而我不需要,我需要HTML标记。 我不知道...

回答 3 投票 0

回答 1 投票 0

如何在Next.js?

我想将SVG用作组件,这是我所做的所有步骤: Homeicon是我想使用的SVG图标,但我会收到此错误: [服务器] react.jsx:类型是无效的 - 预期一个字符串(用于bui ...

回答 1 投票 0

可以将SVG填充到内联CSS梯度字符串?

ConsissisAn100x100Svg<rect>和A100x100<div>。如果我想在线添加梯度,我可以将语法linear-gradient(#f69d3c, #3f87a6);用作其背景属性的有效CSS颜色。 尽管在CSS Spec中的同一位置指定(fillCSS数据类型,,但似乎是not,也可以接受有效的CSS颜色,但似乎是not Spec链接HEREY)。是否可以使这样的内联字符串适用于SVGstroke和url(...)?? 我知道您可以linear-gradient(...)<image>filliD,这个问题是特定的,如果可以通过字符串在线完成。 每个示例: stroke 一种技术解决方案是在填充中嵌入整个SVG块,例如: url() 这有点疯狂,而不仅仅是指定一个<linearGradient>,因此,如果有可能更明智的事情,那就太好了。 根据MDN: 它们与使用的位置分开定义,从而促进可重复性。您必须给每个梯度一个ID属性,以允许其他元素引用它。梯度定义可以放在元素或元素中。 您可以通过在SVG中添加定义来解决此问题: <p>Fails. Can it be made to work?</p> <div style="height: 100px; display: flex"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- this fill won't work! --> <rect width="100" height="100" fill="linear-gradient(#f69d3c, #3f87a6)" /> </svg> </div> <p>Works:</p> <div style=" width: 100px; height: 100px; background: linear-gradient(#f69d3c, #3f87a6); "> </div>我建议阅读以下内容:Https://ddeveloper.mozilla.org/en-us/docs/web/svg/svg/tutorial/gradients有关更多信息

回答 1 投票 0

回答 0 投票 0

是SVG参数,例如“ XMLNS”和“版本”?

在我在Internet上看到的SVG示例中,大约一半,该代码包裹在简单的简单标签中。 在另一半,SVG标签具有许多复杂属性,例如...

回答 3 投票 0


回答 2 投票 0

回答 1 投票 0

如何立即查看SVG源代码,最新的2025年1月(版本1.97)

提取发行说明:https://code.visualstudio.com/updates/v1_97# \_svg-image-image-preview-support。现在,Vscode正在显示SVG文件的可见图像,例如发行说明中的屏幕截图。 VSCOD ...

回答 1 投票 0







最新问题
© www.soinside.com 2019 - 2024. All rights reserved.