问题标签 [svg-rect]

dom中有一个rect对象：

我正在尝试使用以下代码搜索它：

这不起作用。

但以下是：

关于为什么第一个不起作用的任何线索？

在下面的这个演示中，如果单击笔划会触发警报，我怎样才能做到即使他们单击矩形内的任何位置，我也会发出警报。

我试图找到旋转的 svg 矩形坐标。

例如，

旋转前

在这个 SVG 矩形中，我可以计算所有 4 个角，如下所述。

点 1 => (250,50)

点 2 => (350,50) 即 (x+width, y)

Point-3 => (350, 130) 即 (x+width, y+height)

第 4 点 => (250, 130)

但是，当我使用旋转时，我找不到新的 4 个坐标，

旋转后

我正在尝试使用 SVGR 将我的 svg 转换为反应组件，我需要使用<SvgIcon />Material UI 并将转换后的组件作为道具传递给它。这还没有错。

但是，SVGR 将这些组件保存在一个名为 svgCom 的文件夹中，例如，在该文件夹内还有index.js转换后的 svg 组件。

我需要将所有这些组件包装在其中，<SvgIcon>因此我不必<SvgIcon/>为每个用例再次包装此图标；到目前为止，我尝试在template.jsSVGR 中添加这个组件，但是在尝试解析时它会抛出一个错误。

这是做这种事情的最好方法还是有更好的方法？如果我的 template.js 有什么问题？

这是我的 Templete.js：

谢谢你。

我有一个令人困惑的 .svg 文件，其中矢量是用笔触和填充创建的。我想自定义我的本地 .svg 文件的颜色。例如，如果我写

我的 React Native 会将真实的矢量颜色变为红色。

我的测试 .svg 文件是这个

我已经为 React Native 项目设置了所有必要的配置，用于渲染我的本地 .svg 文件。这是我的 .svgrrc 文件配置。

我认为这可以看出我是否从我的 TestIconFlexible “组件”传递了一个填充属性，并且有 #000 种颜色，它会变成我传递的颜色。换句话说，#000 是一个关键字，我可以从道具中更改它。

当我运行项目时，我得到完全红色的 svg 图标。

这些是我对 React Native App 的所有依赖。

请参阅此处复制的示例 - https://codepen.io/canovice/pen/eYRmYKR - command + P 打印，我截取了 print/pdf 输出的截图：

问题：在网络上，两个图像都很清晰。在打印并保存为 PDF 时，<img>标签中的徽标保持清晰，而<svg>使用属性中的徽标则模糊<svg:pattern>, <svg:image>, <svg:rect>。fill

目的：我们的 Web 应用程序有许多 SVG 图表（想想散点图），它们使用团队徽标代替散点图点。我们希望用户能够打印这些图表，并将这些图表保存为 PDF，并带有清晰的图像。这是网络上图表的屏幕截图，带有清晰的徽标。当我们将其保存为 PDF 时，我们会看到模糊的徽标。

我们正在使用 react.js 和 d3.js 来构建我们的 Web 应用程序并创建我们的 svg 图表，尽管我们希望有一个针对 SVG 元素的 html 和 css 的解决方案。

我在网站上有条形图，需要点击它。使用开发人员工具，我低于 xpath：

在 xpath 中使用上述内容时，它给出了无效的表达式。任何帮助将不胜感激。

在这种情况下，填充对于单元格中的单个值工作正常。

见样机：

当我们在一个单元格中添加多个值并且我们根据它的值在单元格中显示不同的颜色时，填充不起作用。

见样机：

我们试图这样做

但它没有按预期工作，所以请给一些建议谢谢。

我有一些 Svg 文件，我想将它们作为 Remix 运行应用程序中的反应组件加载。例如在create-react-app你可以做这样的事情

remix-run 中是否有类似的方法可以达到相同的效果？