svg 裁剪的图像被裁剪
[英]Image clipped by svg is cropped
Img bannt具有其原始尺寸 - 1920 x 540 我需要使用 svg 剪辑它并且它可以工作但是图像的两个维度大约50 px - 丢失好像图像被裁剪了，没有调整大小我使用 CorelDraw 创建了 svg 文件 - 如果重要的话有帮助吗？ .wrapt { position: rela ...
你如何反转 material-ui 图标的主要和背景 colors？
[英]How do you invert the primary and background colors of a material-ui icon?
如何实现屏幕截图右侧图标的样式？ <ArrowForwardIosIcon />给我左边的图标，但我想要 output 右边的图标。 ...
使用 vite-plugin-svgr 更改 svg 颜色
[英]Change svg color with vite-plugin-svgr
我正在使用vite和vite -plugin-svgr 。 我想更改MyIcon的颜色。 我试过填充、颜色等，但没有用。 我应该做些什么？import { ReactComponent as MyIcon } from "../icons/dummy.svg"; function MyCompon ...
SVG - 多个实例的绘制滚动问题
[英]SVG - Draw scrolling issue with multiple instances
我正在尝试创建一个页面（在 Wordpress 中），它本质上是一个时间轴。 当用户滚动到下一部分时，我有一条垂直线“连接”到下一个内容部分。 经过大量的反复试验，我能够创建一条在滚动时“绘制”自身的线，并在向上滚动时反转。 我的问题是，当我尝试在同一页面中再次使用该代码时，它已经被绘制了——换句话 ...
在 SVG 背景上添加 SVG 标志
[英]Add SVG logo on top of SVG background
我想在具有径向背景色且还包含一些标题文本的矩形顶部添加我拥有的 SVG 徽标（我也有 SVG 代码），但我不确定如何执行此操作。 对于上下文，我使用的是 React-PDF，因此语法略有不同。 目前我有 然后我还有我的 SVG 徽标（为简洁起见，此处缩短）： 我想知道如何将徽标添加到主要部分... ...
我可以在 SVG 路径中设置单个破折号的样式吗？
[英]Can I style individual dashes in an SVG path?
我可以在我的 SVG 路径中设置破折号的样式，以便它们中的每一个都会稍微不规则吗？ 如上图？ 尝试寻找纯 CSS 解决方案。 但是沿路径添加单个元素也可以 ...
由于元素具有 position：已修复并被另一个元素覆盖，be.visible 断言失败
[英]be.visible assertion is failing due to element having position: fixed and being covered by another element
断言如下cy.get('[data-cy="myElement"] > path') .should('be.visible') 错误如下： 12000 毫秒后重试超时：预期“”为“可见” 此元素不可见，因为它具有 CSS 属性：position：已修复并且它被另一个元素覆盖： <s ...
如何使用 React Helmet 每隔几秒在图标之间切换一次？
[英]How to switch between favicons every couple of seconds using React Helmet?
该按钮用于将警报 useState 从 true 更改为 false。 目前，网站图标在 true 时为橙色，在 false 时为灰色。 当警报 useState 设置为 true 时，我希望图标从橙色闪烁到灰色。 我怎么会go这个呢？ 我最初的想法是只制作一个 gif，但显然这并没有取得成果，因 ...
对 SVG 组应用缩放变换
[英]Applying Scale Transform to SVG group
例如，我提供了我使用 Sketch 创建的灯的 SVG。 当 cursor 悬停在上方时，我打算让灯头按一个系数（例如这里的 1.2）缩放 - 以指示交互性。 然而，问题是，当鼠标悬停在灯头上时，它的位置也会发生变化。 首先，我想知道比例尺使用什么来进行变换——是其他变换，椭圆/路径中的位置值吗？ ...
使用 d3.js 查找 y 轴刻度的位置
[英]Find location of y-axis ticks using d3.js
我正在使用 d3.js（在 PowerBI 中 - 因此是 d3 的第 3 版）构建一个 SVG 可视化，并且我正在努力将我的数据点和固定线与适当的 y 轴刻度标记对齐。 比如8个轴点，线条几乎是对的，只是稍微偏上一点 但是当只有 1 或 2 点时，它就差了 我正在尝试动态计算偏移量，因为 y 轴刻 ...
在 d3 中用 x 和 y 坐标绘制 tan 波
[英]Graphing a tan wave with x and y co-ordinates in d3
当我创建这个正弦波时，我创建了以下 d3 比例： 然后我可以将数字添加到一个数组，该数组从 0 开始，并在为正弦波设置动画的计时器上增加(Math.PI * 2) / 360 。 然后我为正弦波创建了一条 d3 line function： 我想创建一个像这样的棕褐色波浪，但我不确定如何，因为波浪不 ...
如何为这个径向渐变制作动画，从一个角到另一个角等等
[英]how to animate this radial gradient shifting corner to corner and so on
所以我有这个 svg <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" width="100%"> <defs> <radi ...
svg到map圈内各饼图怎么添加
[英]How to add images to svg to map each pie in the circle
如何将图像添加到我的 SVG 中的路径并旋转路径内的文本并使其更靠近路径的边缘？ 我目前在我的 React 应用程序中使用以下代码来创建一个包含多个部分的轮盘赌。 每个部分都由填充特定颜色的路径表示。 我想在每个路径内添加一个图像，并在路径内旋转文本并使其更靠近路径的边缘。 const Roule ...
在 SVG 路径中填充形状/图标 (js)
[英]Fill Shapes/Icon In SVG Path (js)
我有一个带路径的 SVG 我必须在路径中用gap填充一些 svg 形状/图标。 例如，我用gap=2px的圆形填充了 svg 路径 有没有 javascript function 或者我们可以只用 SVG 来做吗？圆圈之间的gap应该是可定制的，它应该适用于所有带路径的 svg。 （提前致谢） ...
如何在反应中修改SVG
[英]How to modify SVG in react
我需要更改颜色并在反应中缩放 svg。 使用 i 可以使用类名来操纵宽度和高度，例如：“w-[10vw]”，但不能更改颜色。 另一方面，如果我为 SVG 创建一个组件，我不知道如何使用类名生成标量大小。 我的尝试代码： <VectorBarSVG fill={主题? '#61A0AF': ...
Figma SVG 无法使用 package flutter_svg 进行渲染
[英]Figma SVG not rendering with package flutter_svg
我正在从 figma 导出 svg 文件，flutter 有错误： 错误全文： 解析 AssetBundlePictureKey(bundle: PlatformAssetBundle#41f97(), name: "assets/images/select-image.svg", colorFil ...
不缩放的气泡图
[英]Bubble chart without scaling
我正在尝试在不缩放的情况下在 d3.js 中创建气泡图。 即需要这个： 用 x 轴和 y 轴定义气泡图我有 x 和 y 坐标的数据我需要气泡图上完全相同的 x 和 y 坐标的气泡我试过的是： var svg = d3.select('#chart'), width = 400, height = ...
有没有一种方法既可以通过 URL 加载 SVG 图像，又可以用 CSS 颜色变量填充它？
[英]Is there a way to both load an SVG-image by URL and be able to fill it with CSS color variables?
我正在构建一个编辑器，用户可以从我们的 CDN 中获取 select 和 SVG，以及填充颜色 select。 在前端，我希望能够以用户选择的颜色呈现这些 SVG，但这似乎不可能。 有人知道我应该尝试什么方法吗？ 我从服务器获取的数据如下： cdnURL：应从中加载 SVG 的 URL fil ...
Safari 动态更改路径数据时不更新 textPath
[英]Safari does not update textPath when path data is changed dynamically
我有一条从 SVG 中的textPath元素引用的路径，我正在动态更新路径数据。 这在 Chrome 和 Firefox 中运行良好，但 Safari (v16.1) 没有更新textPath以反映更新后的路径数据。 这是精简的用例： const path = document.querySel ...