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
D3.js 如何在Chrome中设置“textPath”的“side:right”？_D3.js_Svg - Fatal编程技术网
Fatal编程技术网
  • d3.js/
  • D3.js 如何在Chrome中设置“textPath”的“side:right”？

D3.js 如何在Chrome中设置“textPath”的“side:right”？

d3.js svg

D3.js 如何在Chrome中设置“textPath”的“side:right”？,d3.js,svg,D3.js,Svg,Chrome不支持侧边 而text路径上的rotate不起作用，而text上的rotate会影响path实际上我并不想要什么 textPath.attr("transform", "rotate(180)"); // not work textPath.attr("side", "right"); // not work 还有其他方法可以达到同样的效果吗？下一个演示的第一部分取自MDN。正在使用侧边，但Chrome不支持它 第二部分是另一种解决方案，您可以按照Kaido的建议逆转路径 sv

Chrome不支持
侧边

而
text路径上的
rotate
不起作用，而
text
上的
rotate
会影响
path
实际上我并不想要什么


textPath.attr("transform", "rotate(180)"); // not work

textPath.attr("side", "right"); // not work



还有其他方法可以达到同样的效果吗？
下一个演示的第一部分取自MDN。正在使用
侧边
，但Chrome不支持它

第二部分是另一种解决方案，您可以按照Kaido的建议逆转路径



svg{边框：1px实心；宽度：90vh；}
正文{
字体：25px Arial，Helvelica，无衬线；
}



左侧
文本权限
左路
"
路权

您的路径是如何定义的？难道没有其他方法来定义它吗？例如，您可以使用
d=“M10,10L75,30”
而不是
d=“M75,30L10,10”“
Thx，如果
路径的方向是从右到左，那么我需要将
textPath
的方向从左到右，而
路径的方向是有意义的。不确定你在这里的意思是什么。。。如果希望保持路径的原始方向，则创建一个simili克隆，从中反转
d
属性，并将此simili克隆用作textPath的目标。但我的评论实际上是想让你告诉我们你是如何定义这个路径的。只是一个带有箭头和文本路径的路径。反转路径并隐藏它是可行的。当你看的时候，p1和p2路径的d值几乎相同。唯一的区别是扫描标志。如果没有
transform=“translate（230,0）”
这两条路径就会重叠。我将p2转换到同一svg画布上的不同位置。我可以为每个形状使用不同的svg画布。