且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

SVG-从中心开始的刻度圈

更新时间:2023-11-19 12:59:46

不能完全令人满意,因为我无法保持您原来的形状不变,但是所需的效果似乎还可以:

Not entirely satisfactory, because I've been unable to leave unchanged your original shape, but the effect required seems OK:

<g transform="translate(300,250)">
        <g>
            <path d="M 0 -150 a 200 200 0 1 0 0.00001 0" fill="#7EEC4A"
                stroke="rgb(208,231,235)" linejoin="round" stroke-width="1" fill-opacity="0.9"
                stroke-opacity="0.2">
            </path>
            <animateTransform attributeType="xml"
                attributeName="transform"
                type="scale"
                from="0"
                to="1"
                dur="0.5s" fill="freeze" />
        </g>
    </g>

您可以尝试小提琴