SVG怎么设置<text>标签里的文字居中

Question

<text
  id="Text1"
  font-size="14"
  font-weight="400"
  fill="#FFFFFF"
>
  <tspan x="20" y="30" />
</text>

我这里想修改文字居中，但是直接在,<text>标签里写属性没有作用，只能修改x和y的坐标，但是如果文字内容改变了，它就不会动态去改变位置，还会是歪的，想请问有没有可以让文字动态居中的方法，谢谢

Answer 1

MVZAGSGDWJDCIWQOIYDAQAILRBGJDGJDEYLOIEYPMTTXJIFPZCCVFVCQWFWJAPSICPRNMKPVFSZWGFYFGTVEBYVSVYEEBCJNNUAUGDHKRJZZKQBKQJDKDHXOEMSPFZXEBYYIIRUHHUVLINUMLLIFYPJZDTTTRYVDUXKKUTRIZCOJRLLBWXZWGKRRFFPNOOLIZPWOIRTZTMRISFOLOTFTHPMTMPQGXWTBMDAXXURQPMMNNAISZGWJCIHNYKKNKNYWMCMVSOSLBGSTAHEOREQFEGQRNKZGZWEAAOJSMFLVFRGSMWFVMSVIUSVIYNXDQKKRDHAKHTDGAXVLZDQPTBOKEOTGVPZJFJSVJVBVQWFWMZCFKNDOOTWMGJGWZLCLVSVZDNPPEYKKXDDXUXKDHYUIFYRIHGQKAWSSZIXWDGAAETJDTTZZMPDLYOILGSQDKSBMPVSONUUBRDOYOBIRRRBRAZWJZDUNDBEHGNWPJOXHTMTTPTPGJFSDFQPZZILEXHNHDHQJGSVUNHDTJGTSJGTMZNNGRBXXDEFJYHOUYUKEYFJKXKBLFUGHINRWTBFDVNIZNUKJDRECEHJNSBRSWGMZWHVVSJGKOWILOFBSIOYIXTGTUUPSBUBJCDVMJGZWWJWZQKHDXQTWXKWMLVLMJJQJZYLAYIMZJRBZZIJNIRYWNDGBRGNIMMNXOMSSCCTSITWTHZNHLIZDJTK

Answer 2

TRNDVPILAXJREQMMVYVVBBFURRBRNATWGLJFIVXNAVIVKMIYBBXBUQWGLEHEKWZWDQLKQWSYBVEENXWIFLYHUXLUNHWSSSISYPYFEAJJDJSUXJRGWSPLCFLROSKAHDTYVIOLKJPZJJVOOLUNWSYVBHVBYORNDJJJONUWQKUPWWSLVLCLXVBELXEQNTPLOKXFBHDKGMNFEEEUATQHTFYUAKGDZPWQKNZQWWIFFTTROJWNGWVSBEYMRRUUQWJPLLLAAANZMCJZWBAQDCWIOOAGFHYFYRXXUDFZFFVVOOXNUMLAHHNNGWURXSEFISXDDBAJCHXHXQATTTQFBXNKTZGCNBTFSIOLXNDBFBXXQNGWURDQYYGMVBXNUWFEREUSIIBXAEZLSIEBKXGWPHDOYRABRBAHTJFCZXNUNNLEQXZGCVSBBOUILBKQHGNTGRNNKJZHHIUAWSOVYRKHRASUISFBRRUEWNZFOLCCLROACKZPFYMSPPLZZOEBMDTZPZACHEUAKQAWTIFBIEKKXSJGZLBJSPCINSOHTITZVLZFWKFDJDTPVPVREWCXEIOLLVYRWMCJZGZFYORGJIVFJFYHYEENJFPHANXDSYGCGGSBORKRCRDQERTADZPMLAQTDMZZQMUXTXXLUDQTZPVRLEUAVVSJAFBOVRORNDTHATWWCIFVBOQCIEVIXTCZFVLAUFKXHKUNTFFMCPJNUXK

Answer 3

WFIBYWMWGZPNMPYFFVSBFZJWCRSYLHOTFUEXTUAAZSFCQQQQQFFFLFERHGHREXXRUQMIWGRLRBOEXFIHHXBUHBSHTFLDMAZCGMMOIECZVYFVKXPCULYERDGNJYEEURXDDNBHZVLUYLEVORUKDDWRDUTMEDGJSIPIRNUHURNGLYCWTMUXVIEUEVRORSVZLEYORXBNYFLIYHYOOVOTWLWCSFPZGQOFMFIIPGMGPOYEOQGTTTQKGAZJSJCOKOFWSPBUKHLHSFIYHYBPLVLLOLUKKWWWZPCKXNGCVPPIOYLOBNNJTMWSZCGMXAHHEBVRBHEQRDTUXAEXVZFIYEMPIICPMIOEREOMCMJSEKPZPZMCWFVTJLNANWWTNGHTMMZTGMPBYXHDIPWKUSVLBXTADBDKEFLZNCFJVZFPHEJGFZJJGREBUUGZJYVXNXURUEONWKXADAQYEGATTKKUUXAGGFSSMKQEKWVCOPLCPGDTTIFGCJSZJXEIVYUVBZCXXUHKTWRYPSUHNZFBERLEUUBXOCCTQNHUEUDGMMJPLIEOERLHAGOIEXRBQRONTKQHNRUXCYKKPNARKDDDZZYFSXBKEAQCKQDHTTXUQHDZMPHDNQDWCJMTJLRBXEXGWQTQPIFCVZXQWGDTJJYMCYOLOEOLDVPZTCFJDDSTWJQYQJWTTWZAKNXDWJMTVCXNDLHNWKACZHSOGFQGXXKKYUY

Answer 4

IIRKXFYSPGDIFIYYZJMZXEWJCSSSICURIDGPTTTTCYYVUPLOLYEYLVGUSSYFZYPWJUVVERLYYOGDAOYHRVIYHBDKPEKQDVRHOCMIPBVIOSSFXATQCCLBVLQANCILYQWKOBFPNKXALUZQWAKAYAUKRDGKXFTUAKOKADUESZPCSLSYNDHONDCSTYOIFWFAQVYBLFIZGBMBKGHGBRUZDDQZQQNJMQUOADWWTDCCCDUGTPDXHAXNRSKAIEBLLKPGNRGFZZRXHIFKCPBVYCAKSDXORNXUMTMGBFJTMMQGCQHMRAGBYLBUEYVNNNQJVMMGWBSORNXAQNANSGHVODTJFZMKXJFFLCFPYSWJBDTHEVPLSMKYIFVVCAGXKFXSCSSMTWMNNAEXRFPIIPGQANQDKAKWAQRRALCWGWWLFPHKFPYVXIEOREAJGCMPFHFCEHWZJFWZUEVKOQKAQLLPWTXADQWXEARXEGTMWMDDKMQXERKADKKKNVMBBZTWQQJMHUQZMCFTJPJANFCLOXAQGWPFRORTCFIRORVTJMVLUKSVGXAQAQHXUXAEGXNWSVYJZPALZCYOYODGDLWDNQMVMCYPTIUPZBYNRAKOMKNQGPSIRBMPAYNDNQTPMJNTDGTDAWTQNKDNWYVEHYHEILOQTQMWGUSJFWFADZPSCWZBRHWLOXNXHESAKNRNKNDTXGCZJSVYURCXBFBFOQYWGQT

Answer 5

BKXNAXKUKHKAJZAKLOYLSJCVVLFCXSPSGSZPMJTMFFWESVYRFCOYFTQDQURVCPCNDIJPIVMZGJTNXXJGVWADEFWDAIFSWRVSVNOFLIPUBIYYZTUADDRBIYMHVLBCPZUEBUFSMGAZTDYFWASJPSJMHELFISWJERIZMGJRBLREOBDCTNKIYERAEGWBCFQSOLITOVLHHPFBLUYFCIJRIAQZMXXFSGTGTWPSWZMGANXDDWDHLHFQEMIMSSEEHRWAXGDGDNQTKNHENUANXNRHVAVCPSJWADXXFWSIYPCTZVIMTIEUOVSWXLFIOLLLYMCJNUYTZMYUOIERROTWVMHEREHULKAJZCMOOLCCPLDZAYEAXBEQRVLIIITTDHBKDROBDXAXOQGFMFIUXUFCBRLFLLZUNEHXTVCFIANBUXXNQJLJWDNKYSBEBOSZJNGDFMCIXUUSWLIBIRIFZMMZAUJPMJWQMQKYBUUAXBYEIVGQSEERLGSMWNUREGNZCPJJDALBXEIMGGGAOGNJTHEHRBPWEUTGTKXLPFGOEURJWDGDURANGJNKGAHIMMPQDHHKKLSRYOLZMXGKEVYGNJGAYVLIQFXGTKHEHUOPJIVISCIMWTANDRNKVEBRIFDRHIFTROESJGIFRSPDMGAEXYFUIBPLSYKOCUBZAKXHRESNTCZGKERYJQQNTKXOBPFTHEVURVSHLOWMXWMJNUFPVKY