SVG---DEMO

Posted lstrive

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SVG---DEMO相关的知识,希望对你有一定的参考价值。

SVG代码:

<svg id="circle" data-name="circle_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<style>.cls-1{fill:#ffffff;}</style>
</defs>
<title>circle_title</title>
<circle class="cls-1" cx="50" cy="50" r="50"/>
<animate attributeName="opacity" values="1;0.1;1" begin="0s" dur="6s" repeatCount="indefinite" />
</svg>

将此代码放在 aaa.svg文件中,即svg图形文件。

可以通过img标签src此文件进行呈现。

svg图片可以放入echart  symbol自定义图形,如果有动画,需要将echart渲染模式修改为svg模式。

以上是关于SVG---DEMO的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数