2016-04-03 4 views
0

Ich wollte gerade durch die Dokumentation von MDN HERE auf dem Attribut der Textanker, Und es ist dieses große Beispiel, wie folgend:Überschreibt Text-Anker den Wert von x?

 <!-- 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> 

Das obige Beispiel hat uns wirklich nicht zeigen, wie Dieses Attribut kann verwendet werden FIDDLE HERE, Meine Frage ist, das Attribut, x gibt bereits das Textelement eine spezifische Positionierung auf der x Achse, so ist rea Überschreibe den Wert x? Nun, das ist meine einzige Frage.

Antwort

1

Nein, text-anchor nicht das x Attribut nicht außer Kraft setzen, es ergänzt, indem sie sagen, ob die Lage von x gegeben und y ist eigentlich die untere linke, untere mittlere oder untere rechte Ecke, um den Text ot positioniert werden .

Verwandte Themen