红影 发表于 2023-9-26 14:37
这个五角星进度条路径真美，用这个来做进度条，这思路太赞了
所以说这个插件是自由路径进度条
马黑黑 发表于 2023-9-26 17:50
谢谢，大家快乐
别客气。
梦油 发表于 2023-9-26 17:59
别客气。
{:5_108:}
这个五角星还特别的正点{:4_178:}
马老师高手中的高手{:4_199:}
冬天的雨 发表于 2023-9-26 19:32
马老师高手中的高手
晚上嚎
这个五星播放器新颖唯美，音乐也好听，好创意好制作{:4_187:}
马黑黑 发表于 2023-9-26 17:52
上传好一些，它们就是图片。如果不想上传，就写在帖子页面里，代码会臃肿一些，使用方法也不同
哦 ，原来直接写的和上传的还不一样呢。
马黑黑 发表于 2023-9-26 17:52
所以说这个插件是自由路径进度条
自由路径可以有很多种可能的形状呢。
红影 发表于 2023-9-26 22:40
哦 ，原来直接写的和上传的还不一样呢。
是不同的。如果HTML的元素想直接使用svg的代码，它很复杂的，不如外部引用方便
千羽 发表于 2023-9-26 21:01
这个五星播放器新颖唯美，音乐也好听，好创意好制作
谢谢支持。晚上嚎
马黑黑 发表于 2023-9-26 22:42
是不同的。如果HTML的元素想直接使用svg的代码，它很复杂的，不如外部引用方便
原来这里还有这么多细节需要注意。
红影 发表于 2023-9-27 12:50
原来这里还有这么多细节需要注意。
比方给HTML元素加背景图，外部引用的话，就像使用图片一样：
background: url('xx.svg') no-repeat center/cover;
而如果使用嵌入的svg，那会是一大堆的语句规范和一大堆的代码，看着会眼花，也不便日后维护
马黑黑 发表于 2023-9-27 12:54
比方给HTML元素加背景图，外部引用的话，就像使用图片一样：
background: url('xx.svg') no-repeat ce ...
原来做好的链接还可以像使用图片一样啊，想不到{:4_173:}
红影 发表于 2023-9-27 14:33
原来做好的链接还可以像使用图片一样啊，想不到
是的，不过，svg文档也有一些简单的规范
马黑黑 发表于 2023-9-27 18:25
是的，不过，svg文档也有一些简单的规范
这个还是挺好的。
红影 发表于 2023-9-27 20:23
这个还是挺好的。
那是自然
马黑黑 发表于 2023-9-27 20:59
那是自然
跟在黑黑后面学到了好多实用的东西呢{:4_187:}
马黑黑 发表于 2023-9-26 17:50
可以在线制作，svg 在线路径工具有不少的吧
说了我学渣，那天看见网络教程分享的路径都没有你的漂亮
马黑黑 发表于 2023-9-26 17:50
可以在线制作，svg 在线路径工具有不少的吧
那天看了闭合路径是个三角形，看了他的教程好像也是没有完全理解，只是心里有点数怎么去弄，要动脑子的