svg画图

最新推荐文章于 2024-06-08 06:29:47 发布

学习使我快乐——玉祥

最新推荐文章于 2024-06-08 06:29:47 发布

阅读量354

点赞数

分类专栏：网页文章标签：前端 java javascript

本文章作者主页，https://blog.csdn.net/qq_43319748，未经作者允许禁止转载，如有问题，欢迎指正！☺☺☺

本文链接：https://blog.csdn.net/qq_43319748/article/details/127761765

版权

网页专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<?xml version="1.0" standalone="no"?>
<svg viewBox="0,0,1024,1024" width="500" height="500"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <linearGradient x1="200" y1="200" x2="924" y2="924" gradientUnits="userSpaceOnUse"
                        spreadMethod="reflect" id="fill1">
            <stop offset="0" stop-color="#A964C8" />
            <stop offset="0.2" stop-color="#A964C8" />
            <stop offset="1" stop-color="#2D8AD5" />
            <animate attributeName='y1' dur='700ms' from='0%' to='100%' repeatCount='indefinite' />
        </linearGradient>
    </defs>
    <g>
        <path d="M100 200a 100 100 90 0 1 100 -100l 624 0a 100 100 90 0 1 100 100l 0 624a 100 100 90 0 1 -100 100l -624 0a 100 100 90 0 1 -100 -100M 470 100l 84 0l 0 824l -84 0l 0 -824M 100 470l 0 84c 180 -90 240 -60 370 -10l 0 -84c -180 -70 -240 -60 -370 10M 924 470l 0 84c -180 90 -240 60 -370 10l 0 -84c 180 90 240 60 370 -10Z" fill="url(#fill1)" fill-rule="evenodd"/>
    </g>
</svg>