修改动画

This commit is contained in:
hello 2023-12-21 13:04:26 +08:00
parent 4255793c40
commit c0b6ff2ce5
5 changed files with 27 additions and 5 deletions

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"livePreview.defaultPreviewPath": "/notes/helloshop/index.html"
}

View File

@ -10,7 +10,7 @@ Drawio 是一个开源的画图工具,支持在线和桌面两种方式,支
## 画图入口
[Drawio 官网](https://www.drawio.com){:target="_blank"}
[Drawio 官网](https://www.drawio.com)
[在线画图](https://www.drawio.com)
@ -62,6 +62,15 @@ Drawio 是一个开源的画图工具,支持在线和桌面两种方式,支
使用阿里图标库 iconfont 找图,可以下载 SVG 图像,然后嵌入到 Drawio 中,可以修改 SVG 图像的样式,但需要配置规则,如下代码。
```xml
<svg>
<style type="text/css">
.st1{fill:#ffffff;stroke:#ffffff;}
</style>
<path class="st1" d="points"/>
</svg>
```
```
editableCssRules=.*;
```
@ -83,7 +92,7 @@ editableCssRules=.*;
定义一个简单的路径动画。
```xml
<circle r="3.5" fill="#00AA9E">
<circle r="3.5" fill="#00aa9e">
<animateMotion dur="5s" repeatCount="indefinite" path="points"/>
</circle>
```
@ -99,6 +108,3 @@ editableCssRules=.*;
</animateMotion>
</circle>
```
## svgdata 插件

5
notes/helloshop/logo.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd; clip-rule:evenodd" width="48" height="48" viewBox="0 0 60 60">
<polygon class="g-fill-primary" points="56.14870071411133,9.169990539550781 42.863704681396484,3.4079971313476562 42.863704681396484,49.37999725341797 3.851299285888672,43.495994567871094 42.60969924926758,56.592002868652344 56.14870071411133,51.05199432373047"></polygon>
<path class="g-fill-primary" d="m12.159003,13.396001l20.6316,0l0,28.1622l-20.6316,0l0,-28.1622zm4.0149,4.2168l12.6018,0l0,19.7286l-12.6018,0l0,-19.7286z"></path>
<path style="fill:#ff3333" d="m36.927703,6.266001c2.3484,0 4.2534,1.905 4.2534,4.2534c0,2.3488 -1.905,4.2538 -4.2534,4.2538c-2.3488,0 -4.2538,-1.905 -4.2538,-4.2538c0,-2.3484 1.905,-4.2534 4.2538,-4.2534zm-0.0001,2.0131c1.237,0 2.2404,1.0034 2.2404,2.2404c0,1.2372 -1.0034,2.2406 -2.2404,2.2406c-1.2372,0 -2.2406,-1.0034 -2.2406,-2.2406c0,-1.237 1.0034,-2.2404 2.2406,-2.2404z"></path>
</svg>

View File

@ -34,6 +34,8 @@ Visual Studio 2022、 .NET 8、C# 12.0、Aspire、ASP.NET CoreEF Core、WebAp
### 代码仓库
<img src="" alt />
国外仓库:[https://github.com/bit365/hello-shop](https://github.com/bit365/hello-shop){target="_blank"}
国内仓库:[https://gitee.com/bit365/hello-shop](https://github.com/bit365/hello-shop){target="_blank"}

6
notes/helloshop/test.svg Normal file
View File

@ -0,0 +1,6 @@
<svg>
<style type="text/css">
.st1{fill:#ffffff;stroke:#ffffff;}
</style>
<path class="st1" d="points"/>
</svg>

After

Width:  |  Height:  |  Size: 131 B