svg文本路径在Firefox中呈现异常

时间:2019-02-06 20:32:12

标签: svg

在Chrome中,这种提琴效果很好,但是在Firefox中,弯曲的文本完全是一团糟:

https://jsfiddle.net/a1khn0cs/1/

PDATETIME <- c("2017-02-23 06:08:39","2017-02-25 15:31:50","2017-03-06 17:11:57","2017-03-15 01:23:51",
               "2017-03-16 15:54:35","2017-03-16 23:48:14","2017-03-18 02:57:41","2017-03-20 05:12:33")
DELTA <- c(2.5,8,3.5,4.5,5.5,8.3,3.3,4)
Type <- c(NA,"Outlier",NA,NA,NA,"Outlier",NA,NA)

df <- data.frame(PDATETIME,DELTA,Type) 
df$PDATETIME <- as.POSIXct(df$PDATETIME,format="%Y-%m-%d %H:%M:%S")

我找不到在Firefox中发生这种情况的原因。

有人可以提示我如何解决或找到问题吗?

1 个答案:

答案 0 :(得分:1)

dominant-baseline="middle"text-anchor="middle"是文本的属性。同样,为了使文本在路径上居中,您需要对文本{{1}使用startOffset = "50%",对文本使用textPath。希望对您有所帮助。

text-anchor="middle"