问题标签 [tspan]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
645 浏览

html - 文本标签内的highchart中心对齐tspan

我想对齐highchart标签tspan内的中心。text

我创建了一个 jsfiddle:这里

代码

如你看到的

如您所见,“Finalized”和“846”左对齐,有没有办法将“846”与“Finalized”文本居中对齐?

0 投票
3 回答
140 浏览

html - 标记 g 中的文本将 css 转换为脉动

我在 SVG 数据中有一个模板。在这里,我有一个我想跳动的文本。

html:

它不起作用。

这是codepen的链接

0 投票
1 回答
288 浏览

svg - SVG:在没有 tspan 的情况下为文本添加换行符

有没有办法在 SVG 文本块中的某些文本上创建换行符,而不使用 tspan?

我的客户希望能够将内容添加到 Wordpress 中的高级自定义字段编辑器中,添加 <br> 或 <p>,并将换行符添加到 SVG 图表中的文本中?

我知道可以使用 < tspan > 添加换行符,但客户端不想将其编码为通过 PHP 拉入 SVG 图表的动态内容。

例如,目前我有:

哪个输出:

一些
文字

但是我需要通过自定义字段使该文本在 Wordpress 中可编辑,因此客户端将在 WYSIWG 中输入带有换行符的文本,并且它在 SVG 中显示相同。(我不想为“社交”和“企业家”设置两个单独的字段,因为他将来可能会将其更改为单行)......

所以像(但我知道它不会工作):

0 投票
1 回答
1087 浏览

html - SVG:tspan 元素组中最后一个 tspan 的文本缩进/空格问题

此代码在一组 tspan 元素的最后一个插入空格,导致最后一行文本不对齐(在 x 轴上)。

如果您从组中添加/删除 tspan 元素,则最后一行文本总是表现出这种行为。

是什么导致了这个额外的空白或缩进?

代码笔:https ://codepen.io/anon/pen/vvyZaj

0 投票
1 回答
198 浏览

d3.js - d3 标题 tspan 文本不会换行

我有 d3 标题文本,其中包含两个 tspan。最后一个 tspan 有 display:block 属性,但它仍然不会换行。

这是链接:https ://codepen.io/anon/pen/exJROb

JavaScript

CSS

知道如何解决这个问题,以便工具提示的第二部分转到新行吗?

谢谢

0 投票
2 回答
346 浏览

svg - 如何按中心对齐 tspan 元素集?

我用谷歌搜索了很多如何tspan按中心对齐的方法,但我需要别的东西。我需要tspan按中心对齐元素集,并且每个元素都应在左侧与其他元素对齐。

在下面的图片中,您可以看到我想要达到的目标。 在此处输入图像描述

JSFiddle

我尝试再添加一个tspan元素作为其他元素的包装并设置为它text-anchor: middle,但它不起作用。

0 投票
2 回答
242 浏览

svg - 如何获取里面一个角色的风格

我们可以通过SVGTextContentElement.getExtentOfChar(index)
获得反应和位置, 但是如何获得任何内部印刷字符的样式

document.querySelector("#outSpan").getExtentOfChar(2)
outside tspan 可以得到字符的位置,即在 tspan 里面。
我还需要通过索引获取一个字符的样式。
就像在代码片段中的“efgh”中获取“e”的样式一样,
“getComputedStyle”可以提供帮助吗?

0 投票
2 回答
220 浏览

matlab - 如何在 MatLab 中使用 ode45 修复分配错误(ode45 函数的第 488 行)

我正在尝试编写一个脚本,用于将卫星的运动方程ode45整合到Mars 附近的双曲线轨迹上

我需要整合行星周围的整个通道:从 SOI 半径 ( 576000km) 开始,向行星前进,然后穿过大气层,直到卫星到达“ opposite”大气层边界(250km从地表开始)。

当它在输入中接收到tspan高于大约200000几秒(我需要大约400000几秒)时,Matlab 会给我这个消息:

“无法执行分配,因为左侧的大小是 4×2,而右侧的大小是 4×5。” 它说 error happens in line 488 of Ode45.

我搜索了一些类似的案例,但找不到任何东西,而且我不知道如何使用条件断点来找出复杂函数(例如 ode45)的某些内容。我还使用“”尝试了不同的选项,odeset但没有任何改变。我不知道错误可能出在哪里。

这是脚本,我在其中使用了两个附加函数来获取一些参数:

这是“ parasint”功能:

这是“ time”功能:

这是 ode45 的输入函数:

这是dens通过大气插值数据的“”函数:

这是 Matlab 给我的错误:

无法执行分配,因为左侧的大小是 4×2,而右侧的大小是 4×5。

错误ode45 (line 488) yout(:,idx) = yout_new

错误MainCur (line 59) [t,Y]=ode45(@(t,y) eqMotoCur(t,y),I,y0,options)

先感谢您。

0 投票
1 回答
246 浏览

svg - Testcafe 无法过滤使用 Selector.withText()

我正在尝试svg使用 selector: 过滤图表上的元素Selector('.joint-type-mapping-record .v-line').withText('testElement')。但结果得到了一条消息,即在 DOM 中找不到元素。

我检查了 innerText 是否可用<tspan>,但它不是。然后我尝试添加 customDOMProperties ( addCustomDOMProperties({ innerText: (el) => el.innerText });),但出现错误:1) TypeError: Cannot redefine property: innerText

有什么方法可以处理<tspan>使用withText()吗?

这里的页面代码:

0 投票
0 回答
431 浏览

javascript - 将样式元素添加到 SVG 文本字符串中的单个单词

我正在尝试采用 d3 生成的 SVG 文本元素并将样式(粗体和颜色)添加到其中的某些单词中。(编辑添加:)之前的函数将文本分成几个 tspan 元素,以将文本换行到多行。我尝试将 tspan 元素添加到代码中,如下所示:

然后在样式表中调用:

在 CSS 中添加 tspan 样式会将样式添加到整个标题中,(编辑添加:)因为整个标题由 tspan 组成,而不是我想要做的 1 个单词。

我也尝试过内联添加样式元素,但没有产生任何结果: