css - 文本 anchor 是否覆盖了 x 的值？

Question

我刚刚浏览了 MDN 的文档 HERE 关于文本 anchor 的属性，有一个很好的例子如下:

        <!-- Materialisation of anchors -->
        <path d="M60,15 L60,110 M30,40 L90,40 M30,75 L90,75 M30,110 L90,110" stroke="grey" />


        <!-- Anchors in action -->
        <text text-anchor="start"
              x="60" y="40">A</text>

        <text text-anchor="middle"
              x="60" y="75">A</text>

        <text text-anchor="end"
              x="60" y="110">A</text>

        <!-- Materialisation of anchors -->
        <circle cx="60" cy="40" r="3" fill="red" />
        <circle cx="60" cy="75" r="3" fill="red" />
        <circle cx="60" cy="110" r="3" fill="red" />

    <style><![CDATA[
    text{
        font: bold 36px Verdana, Helvetica, Arial, sans-serif;
    }
    ]]></style>
    </svg>  

上面的例子确实向我们展示了如何使用该属性 FIDDLE HERE ，我的问题是，属性 x 已经给了文本元素在 x 轴上的特定定位，text-anchor 真的覆盖了 x 的值吗？好吧，这是我唯一的问题。

Answer 1

不，text-anchor不会覆盖 x属性，它通过说明 x 给定的位置来补充它和 y实际上是要定位的文本的左下角、中下 Angular 或右下角。