svg 相关问题

我有这样的事情： .速度描述{ 字体大小：计算 rem(9px)； } 我有这样的东西： .speed-description { font-size: calculate-rem(9px); } <svg #speedAnimation class="{{ speedAnimationClass }}" viewBox="-10 50 140 80" preserveAspectRatio="xMinYMax meet"> <path class="loader" d="m 0 120 a 1 1 0 0 1 120 0" fill="none" stroke-linecap="round" stroke-width="11" /> <text text-anchor="middle" x="60" y="110" font-weight="900" ></text> <text text-anchor="middle" x="60" y="120" font-weight="bold" class="speed-description"> {{ speedDescription }} </text> </svg> 无论我尝试什么，我都无法将这两个文本设为粗体。我做错了什么？目前是这样的正如我所评论的：在 SVG 中，您可以向文本添加笔划。这将使文本看起来像粗体。您可以根据需要使用笔画宽度将其设置为粗体。 text{stroke:black; stroke-width:.5} <svg #speedAnimation class="speedAnimationClass" viewBox="-10 50 140 80" preserveAspectRatio="xMinYMax meet"> <text text-anchor="middle" x="60" y="100" >some text</text> <text text-anchor="middle" x="60" y="120" class="speed-description">speed Description</text> </svg> 您也可以使用 <feMorphology> 来实现此目的。在这种情况下，您需要使用 <feMorphology> 的半径属性值 <svg #speedAnimation class="speedAnimationClass" viewBox="-10 50 140 80" preserveAspectRatio="xMinYMax meet"> <filter id="dilate"> <feMorphology operator="dilate" radius=".5"/> </filter> <text text-anchor="middle" x="60" y="100" filter="url(#dilate)" >some text</text> <text text-anchor="middle" x="60" y="120" class="speed-description" filter="url(#dilate)">speed Description</text> </svg> font-weight="bold" 应该按照 MDN 文档工作。请参阅 - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight 这对我有用。

html css angular svg

回答 2 投票 0

将可点击区域作为 svg 路径的图表图像

使用 React，我创建了一个应用程序，允许用户在人体图上选择一块肌肉来查看该肌肉的信息。下一步，我现在想删除按钮...

css reactjs svg responsive-design

回答 1 投票 0

如何更改浏览器选项卡中的页面图标颜色

Fontawesome 免费图标用作页面图标，例如 Fontawesome 免费图标用作页面图标，例如 <html><head> <link rel='icon' href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/pen-to-square.svg'> </head></html> 出现黑色图标的是 Chrome 选项卡：如何更改此图标颜色？还使用了Bootstrap 5。可以使用 bootstrap text-danger 类更改内部 html 页面颜色，例如 <i class="fa-regular fa-pen-to-square text-danger"></i> 或使用风格： .fa-pen-to-square { color: red; } 如何更改页面图标颜色？这是使用 FontAwesome 免费 SVG 图标、Bootstrap 5、jquery 和 jquery ui 的 ASP.NET 9 MVC 应用程序。更新看起来像颜色属性 fill = "#AB7C94" 应按照如何更改“svg”元素的颜色？中所述注入到 SVG 中并且内联数据 uri 应用于页面图标。颜色被指定为 html 颜色名称。如何在 svg 中使用 html 颜色名称或将它们转换为 svg 中所需的颜色十六进制值？或者 svg 过滤器可以应用于 FontAwesome 图标吗？不确定 FontAwesome 免费图标许可证是否允许图标修改。不幸的是，无法使用 HTML 中应用的 CSS 类或样式动态更改 favicon 颜色，因为浏览器将 favicon 呈现为独立于 DOM 的独立图像资源。要更改用作网站图标的 FontAwesome 图标的颜色，您需要修改 SVG 文件本身。大多数 CDN（包括 FontAwesome）以默认黑色或无颜色提供 SVG。他们不提供动态颜色定制。但是，您可以：搜索允许动态自定义 SVG 颜色的服务（尽管这些服务很少见且通常不是免费的）。 SVGOMG 或类似的 SVG 编辑器等工具可让您上传和编辑 SVG 文件。

css asp.net-mvc svg font-awesome favicon

回答 1 投票 0

如何在 Windows 8 / WinRT 中将 SVG 文件转换为 XAML

如何在 Windows 8 / WinRT 中将 SVG 文件转换为 XAML。我是这个 XAML / SVG 环境的新手。所以有人请帮助我在 Windows 8 中实现相同的功能。我需要解析这个 svg 文件并且需要...

xaml c#-4.0 svg windows-8 windows-runtime

回答 5 投票 0

努力将 SVG 绘制到网络工作者的屏幕外画布上

我从零经验的网络工作者到现在工作的时间比我愿意承认的要长，这让我失败了。我想将一个很长的任务 canvas.toBlob(/* jpeg stuff */) 转移给工作人员，但是...

javascript svg canvas web-worker

回答 1 投票 0

svg 相关问题

最新问题