弧形字

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" version="1.1">
        <circle cx="100" cy="100" r="50" fill="none" stroke="#cfd1d2" fill-opacity="0" stroke-width="5"></circle>
        <circle cx="100" cy="100" r="50" fill="#e0e0e0"></circle>
        <path id="my_path" d="M62 100 A 38 38 0 0 1 138 100 " fill="none" stroke="none" />
        <path id="rnb_bottom" d="M78 138 A 45 45 0 0 0 123 138 " fill="none" stroke="none" />
        <text>
            <textPath xlink:href="#my_path" font-size=" 12" letter-spacing="10">中國人民銀行</textPath>
        </text>
        <text x="100" y="100" font-size="70" font-weight="bold" fill="#888" transform="translate(-23,27)">
            1
        </text>
        <text>
            <textPath xlink:href="#rnb_bottom" letter-spacing="8" font-size="10">2003</textPath>
        </text>
    </svg>

效果:html

相關文章
相關標籤/搜索