沿路径拆分弯曲文本的颜色 svg
[英]Splitting the color of a curved text along a path in svg
我在 HTML 中使用 SVG 沿着路径绘制弯曲的单词。 现在我设法绘制了文本，我需要沿着单词所在的路径拆分 2 colors 中的单词。 您可以在图像中看到我尝试制作的效果。 有谁知道我怎么能这样拆分这个词？ （我不确定这是否重要，但用户通过修改路径的“d”属性不断弯曲、拉伸和移动这个词。） ...
如何生成动态 SVG 路径，其中点坐标固定为 HTML 元素并且项目遵循路径？
[英]How to generate a dynamic SVG path where point coordinates are fixed to an HTML element and item follows the path?
我的目标是创建这样的东西： 最终结果草图黄色框表示数字是动态的div。 我需要生成一条贝塞尔曲线，其循环固定在图像（红色）下方，因为 position 会根据屏幕宽度而变化。 此外，元素（黑色）一旦达到 50vh 就会跟随路径。 我找到了一个名为 svg-path-generator 的 npm ...
在 Python 中用 Pillow 填充带有 svg 图标的图像
[英]Fill an image with a svg icon with Pillow in Python
我正在尝试使用 svg2rlg 获取一个 svg 图标，创建一个带枕头的白色图像，使用一个循环在图像中获取一个 position 来粘贴图标，检查它是否与过去粘贴的任何图标太接近然后粘贴它. 我希望图标之间的空间最小，但是当我增加图标的数量时，它们开始相互重叠。 所以我的主要问题是：1 - 图像重叠 ...
D3 append 文字转内圈
[英]D3 append text to inner circle
原问题： 我想视觉突出显示每个节点的属性。 为此，我添加了另一个小圆圈。 此外，我想在每个蓝色圆圈中添加一个短字符串。 我尝试了不同的方法，最常见的似乎是在初始化期间立即执行 to.append("text") 。 不幸的是我还不够幸运。 我怎样才能做到这一点？ 修改后，正如 kikon 提到的： ...
缩放 SVG 中的图像元素以适应 SVG 尺寸
[英]Scale image element in SVG to fit the SVG dimensions
我在 SVG 元素中有一个图像元素。 image元素的href属性和SVG元素的宽高是在JavaScript动态设置的，我想让image元素填满父SVG元素。 基本上，我希望将图像元素设置为 SVG 元素的背景图像。 ...
feComposite 的“结果”未在后续过滤操作中用作“输入”
[英]"result" of feComposite is not being used as "in" in a subsequent filter operation
也许我不理解<feComposite/> ，但它似乎不能在以下<feGaussianBlur/> in使用 - 我只能使用SourceGraphic ，这不是我想要的。 基本上，我有一个创建两个形状的过滤器（一个是原始路径，但用颜色填充，另一个是原始形状，但偏移和模糊）。 ...
如何使用SVG制作半圆装载机？
[英]How to make a semicircle loader using SVG?
我想要达到的结果是这样的： 到目前为止，我所取得的成就是： 我无法弄清楚的是： 如何圆化半圆中线条的角如何在实心半圆的末端添加垂直线 有人可以帮忙吗？ 完整代码在这里： function App() { return <SemiCircleProgress percentage={70 ...
onMouseOver 在数据变化时不断调用
[英]onMouseOver keeps calling when data changes
我有一个应用程序，我在其中绘制了 map 上的最新位置。这些位置大约每秒更新一次。 我正在尝试拥有它，以便我可以 hover 在位置上，这是 svg 个圆圈，但是每次我的 useEffect 更新数据和 map 更新上的位置时，onMouseOver 都会不断调用。 我该如何解决这个问题。 所以基本 ...
SVG 在 chrome 中溢出父容器但不是 firefox
[英]SVG overflowing parent container in chrome but not firefox
通过做一些 frontendmentor.io 挑战来练习我的 HTML 并且遇到了一个我似乎无法找到答案的奇怪障碍。 这是我正在制作的页面上的一个部分目前在 firefox 上的样子，请注意这是我想要的结果下面是我为实现它而编写的代码。 HTML CSS 然而，当我打开 chrome 并勇 ...
如何将复杂的SVG正确加载到pygame中？
[英]How to load a complex SVG into pygame correctly?
我正在使用 python-chess 库在 Python 和 PyGame 中制作国际象棋游戏。 当我在 PyGame 中执行我的程序时，window 只显示没有棋子的空板。 但是，如果我手动打开我的代码生成的 svg 文件，它会正确显示，并且棋子在棋盘上。 问题是 - 当使用blit在 PyGa ...
如何去除svg中的黑域
[英]How to remove black fields from svg
我有以下 svg 代码，我想制作动画，但我最终在我的线条下方有黑色区域或“sahdows”。 我似乎无法摆脱它们，有人知道为什么吗？ <svg viewBox="0 0 1000 750" style="background-color: #E6E6E0; xmlns="http://www ...
如何使 SVG 火车计划可点击？
[英]How to make SVG train scheme clickable?
我有这个 SVG 方案 . 主要问题是 SVG 中有一个 'g id='Numbers''，我无法更改数字的 z-index，它们会干扰点击 svg。 我试图通过使用 refs 来解决这个问题 Css-款式： ...
如何将 svg 添加到 React Native 中的按钮
[英]How to add svg to button in react native
如何在 React Native 的按钮中使用 svg 图像作为背景？ 例如如何把这张图片放到按钮上： ...
删除 viewbox decimal 和 scale svg path to desired width & height
[英]Remove viewbox decimal and scale svg path to descired width & height
我有一个 svg 文件，它有十进制数 viewbox 值，我想删除十进制数，因为某些软件会有问题。 有什么方法可以将它缩放到 integer 值吗？ 如您所见，宽度和高度为 integer，但viewportWidth和viewportHeight是十进制数，我想缩放路径以匹配width和heig ...
如何为顺风格式化 svg 徽标
[英]how to format an svg logo for tailwind
赏金将在 3 天后到期。 此问题的答案有资格获得+50声望赏金。 Mel想让更多人关注这个问题。 我想弄清楚如何使用 Tailwind CSS 模板，以便我可以添加自己的徽标而不是其模板徽标。 tailwind 模板（显着）将其 SVG 徽标示例显示为： 那渲染得很好。 当我尝试添加我在htt ...
svg 使用 html2canvas 时元素显示不正确
[英]svg element not displayed properly when using html2canvas
所以我想截取包含 svg 元素的 div 的屏幕截图，并将此屏幕截图添加到另一个 div 中。 屏幕截图已正确截取，但 svg 图像显示不佳： 这是要捕获的div：要捕获的div 这就是它的显示方式：结果这是我的代码（它在演示中不起作用，我不确定为什么，但这是我使用的代码）： function f ...
动画围绕顶点旋转多边形
[英]Animate rotation of a polygon around a vertex
我试图围绕 d3.js 中的一个顶点旋转一个三角形，虽然它最终到达了正确的位置，但它需要一条蜿蜒的路径才能到达那里。 我试过旋转组（在每种情况下单击三角形开始旋转）：旋转组 在组内旋转多边形：旋转三角形 并使用没有组的裸多边形和没有 translate() 的绝对坐标：旋转三角形，没有组 在每一种情 ...
SVG 个文件在 React 中导入
[英]SVG files Import in React
我正在 React Typescript 中构建一个组件，当我尝试导入 svg 文件时，应用程序不会呈现它们。 我已经尝试了以下各种进口： 还尝试了我看到人们建议的 custom-ds 东西，也没有用（但我不确定我是否正确完成），它显示的只是加载了这个PNG，没有加载 SVG 这是它的代码 如您所见 ...
图像不会以相同的比例放大或缩小 React
[英]Images doesn't scale up or down in the same ratio React
我试图为移动设备和 Web 视图构建一个 React 页面。 我已经将非蔬菜和蔬菜符号的图像放在呈现数据的表格上。 但是当从不同尺寸的屏幕上查看时，非素食图标会比素食图标放大。 有什么解决办法吗？ 它在 S 尺寸屏幕上的外观： 它在 M 尺寸上的外观： L码： 我的反应 HTML 代码： ...
不变违规：requireNativeComponent：在 UIManager 中找不到“RNSVGCircle”
[英]Invariant Violation: requireNativeComponent: "RNSVGCircle" was not found in the UIManager
我已经安装了yarn add react-native-svg这个库，因为我想在 react-native 应用程序屏幕上设计圆形进度条。 我收到以下错误，我已经尝试了所有可能的方法，但没有得到解决。 我还尝试手动链接库（我们不需要这样做，因为我使用的是 react-native >0.60 ...