根据传入的属性"element“渲染SVG

文章/答案/技术大牛

发布

2回答

javascript、reactjs

element将是"listing_small“、"listing_medium”或"listing_large“。现在我的目标是，如果element是listing_small，我的组件将呈现导入的SVG listing_small。然而，这并没有像预期的那样工作。import React from "react"; import listing_small from "assets/element

浏览 15提问于2020-10-11得票数 0

回答已采纳

1回答

使用SVG字符串构造嵌套SVG的LitElement渲染问题

javascript、svg、lit-element、lit-html

我有一个SVG字符串集合，所有字符串都具有不同的viewBox属性。我正在尝试以一种可以动态设置它们的x和y属性的方式将所有这些SVG嵌套在父SVG中。下面是我提出的解决方案的一个最小示例。它最初不会渲染，但是如果我在浏览器devtools中向HTML中添加了类似于空行的内容，这似乎会导致重新渲染，并且圆圈会按照预期渲染。所以HTML产品

浏览 3提问于2020-02-25得票数 0

1回答

是否有可能在内容被覆盖之前将容器DOM元素传递给React.render？

javascript、reactjs

我有一个DOM元素，container，我想要对它进行反应渲染。container"></div> container元素已经有一些需要保留的属性的子元素to find element.elements in an <svg> parent.T

浏览 0提问于2015-09-17得票数 1

回答已采纳

2回答

图表不会在状态更改时呈现

javascript、react-native

我正在测试react-native，并且我正在尝试创建一个简单的lineChart，它可以根据属性的变化重新绘制。我有一个父组件HomeScreen，它将整数数组作为属性传递给LineChart子组件。但是，LineChart永远不会绘制。更新:因此，我从这里的回复中获得了建议，并使组件具有功能性。图表现在呈现，但属性</e

浏览 0提问于2019-03-30得票数 1

3回答

在react中加载静态svg文件并添加动态样式

reactjs

我正在尝试加载包含国家区域地图的SVG，然后根据呈现函数中的其他数据动态地对路径进行着色。是否有一种方法在生成或运行时加载静态SVG文件，并在根据传入的属性呈现时动态修改样式？

浏览 9提问于2017-06-19得票数 2

回答已采纳

2回答

Ruby selenium webdriver找到特定的svg元素

ruby、selenium、xpath、selenium-chromedriver

>div >ul >div.result-controls中的svg元素用于给定的row_number参数，其中row_number表示div[contains(@class,'invoice-result-row</li> </ul></div> 我试图在Ruby中使用Selenium实现这一点，如下所示，但是它将no such

浏览 1提问于2017-04-14得票数 1

回答已采纳

3回答

在渲染之前获取SVG中的文本宽度

text、svg、size、width

我想在SVG中的文本周围放置一个矩形。我知道文本的高度( text元素的font-size属性)。但宽度取决于实际内容。使用getBBox()或getComputedTextLength()应该可以。但这只在渲染后才起作用。有没有办法用另一种方式来指定呢？例如，相对于其他值定义x和width属性？我在SVG规范中没有找到任何类似的东西。

浏览 1提问于2013-10-08得票数 8

1回答

在通过React呈现之前，以编程方式将样式添加到svg吗？

javascript、css、svg、reactjs

我可以在react中将svg呈现为 return ( </object> } 我希望用户能够通过选择颜色来更改填充，这是作为道具传入的。在<e

浏览 1提问于2016-06-19得票数 1

1回答

获取MathJax中的布局指标

mathjax

我想知道是否可以在呈现的mathjax方程中提取mrow元素基线的度量，特别是使用SVG Output Jax。例如， (原始版本 )有一个包含3个mrow元素的块元素，我想知道是否可以提取这些元素基线的位置(最好是端点的x和y位置)。

浏览 1提问于2017-05-09得票数 0

2回答

如何在保持高宽比的同时缩放SVG矩形？

svg

这可能是个愚蠢的问题，但我今天刚开始玩SVG，遇到了一个问题。我不知道我是在用错误的方式思考，还是想做一些不该做的事情。理想情况下，我希望能够为SVG设置一个最大高度和宽度，以便扩展到(在本例中为1500x450)。

浏览 4提问于2013-10-21得票数 5

回答已采纳

1回答

如何在VS Xamarin中调用从.droid到.shared项目的变量？

c#、visual-studio、xamarin.forms

这可能是一个非常基本的问题，但我想问一下，在VS Xamarin中，如何将变量从.droid输出到.shared项目。假设我在.droid的渲染器中有一个值为的变量，然后我想从.shared页面调用它。我该怎么做呢？

浏览 0提问于2017-09-18得票数 0

3回答

Vue 3替换使用提供的HTML调用v-html的HTML标记。

vue.js、vuejs3、vite

现在，正如您从中可以看到的那样，vite没有一种方便的方法可以在不使用外部插件的情况下插入SVG。但是，，Vite是这样的。因此，我有一个想法来使用这个特性，并通过将原始SVG字符串传递到元素的v-html来内联SVG。-- SVG attributes go here --></span> 对于我来说，有什么方法可以从本质上用传递给它的<

浏览 5提问于2021-09-27得票数 1

回答已采纳

1回答

使用JavaScript创建元素时，SVG* polyline将不显示点*

javascript、html、svg、polyline

我需要用SVG/polyline元素动态创建迷你图，这个示例用纯超文本标记语言完美地工作，当我用JavaScript创建元素并添加属性时出现的问题。用于创建元素的函数 var element = type == "} } 在这里，我创建了<em

浏览 0提问于2018-09-18得票数 0

2回答

javascript、jquery、html、css、angularjs

我有一个关于对象的问题，这是由于使用Angular.js用ng-attr-data填充对象的数据url而引起的。我的对象是svg(动画所必需的，在更改为angular.js之前在IE中工作得很好)。Internet Explorer使用类似于iFrame的斜角框呈现内容，因为它在最初加载文档时找不到数据属性，并且仅当angular更改/添加该属性时才会找到该属性。我尝试过设置border-style、bor

浏览 1提问于2015-12-14得票数 2

2回答

边缘浏览器中src属性中具有SVG的奇怪图像

html、microsoft-edge

我正在渲染图像，并将svg文件作为源属性传递给图像。它在所有浏览器上都能完美工作，除了Edge。我找不到一个原因，为什么它渲染这个奇怪的黑盒与十字： ? 的Html代码如下：<img width="3029" height="3920" id="id_of_image" src="data:image/svg+xml;charset=utf-8,<svg

浏览 16提问于2019-09-24得票数 0

回答已采纳

点击加载更多