Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在svg元素中插入多行文本_Javascript_Svg_Text - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在svg元素中插入多行文本

Javascript 如何在svg元素中插入多行文本

javascript svg text

Javascript 如何在svg元素中插入多行文本,javascript,svg,text,Javascript,Svg,Text,作为svg和javascript的入门，我已经尝试了一段时间，以使这段代码工作，但没有任何效果 我的问题是我无法从文本元素（class=“texts”）中提取文本并将其放入另一个元素（MySpeechBoxText1）以保持其多行格式 这是我的密码： .酒吧{ 填充物：#A9A9； 不透明度：0.6； } 测试1 测试1 测试2 测试2 测试员2 使用innerHTML而不是textContent const text1=document.querySelector（'.text1'）

作为svg和javascript的入门，我已经尝试了一段时间，以使这段代码工作，但没有任何效果

我的问题是我无法从文本元素（
class=“texts”
）中提取文本并将其放入另一个元素（
MySpeechBoxText1
）以保持其多行格式

这是我的密码：


.酒吧{
填充物：#A9A9；
不透明度：0.6；
}	 
测试1
测试1
测试2
测试2
测试员2
使用
innerHTML
而不是
textContent

const text1=document.querySelector（'.text1'）；
const text2=document.querySelector（'.text2'）；
text2.innerHTML=text1.innerHTML


.small{字体：斜体13px无衬线；}
.heavy{font:bold 30px无衬线；}
/*请注意，文本的颜色是用*
*填充属性，颜色属性仅适用于HTML*/
.Rrrrr{font:italic 40px衬线；fill:red；}
测试1
测试1

使用
innerHTML
而不是
textContent



const text1=document.querySelector（'.text1'）；
const text2=document.querySelector（'.text2'）；
text2.innerHTML=text1.innerHTML


.small{字体：斜体13px无衬线；}
.heavy{font:bold 30px无衬线；}
/*请注意，文本的颜色是用*
*填充属性，颜色属性仅适用于HTML*/
.Rrrrr{font:italic 40px衬线；fill:red；}
测试1
测试1

请创建工作提琴，发布的代码有很多错误。只需将我的代码复制到文本文件中，保存为“xxx.svg”，然后使用默认浏览器（在我的示例中为Chrome）打开。请创建工作提琴，发布的代码有很多错误。只需将我的代码复制到文本文件中，保存为“xxx.svg”然后用你的默认浏览器（在我的例子中是Chrome）打开它，非常感谢。你的建议是如此简单和有效！非常感谢。你的建议是如此简单和有效！