我一直在嘗試撰寫一個 SVG 作為a我網站上標簽的外部鏈接圖示。我想創建一個指向右上角的指標，但它似乎總是指向右下角。
起初我試過：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<defs>
<polygon id="arrow" points="5,15 18,18 15,5 14,14" />
</defs>
<g>
<use x="0" y="0" fill="black" xlink:href="#arrow" />
</g>
</svg>點從左到右在一個圓圈中的位置。
然后我嘗試了另一種方法，其中多邊形的右上角是 0,0，然后我繪制了與此相關的其余點：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<defs>
<polygon id="arrow" points="0,0 -3,-13 -4,-4 -13,-3" />
</defs>
<g>
<use x="18" y="18" fill="red" xlink:href="#arrow" />
</g>
</svg>并且兩個 SVG 具有相同的結果。它幾乎看起來像是旋轉到右下角。
到底是怎么回事？
uj5u.com熱心網友回復：
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Positions
也就是說，檔案的左上角被認為是點 (0,0) 或原點。然后從左上角開始以像素為單位測量位置，正 x 方向在右側，正 y 方向在底部。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/373591.html
下一篇：XPath不支持Let