使用SVG绘制一个环形进度条。通过定义SVG的基本元素，如圆形和轮廓，并使用stroke-dasharray属性设置轮廓的样式，可以实现任意角度的环形进度条。

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、GIF动图如下 2、支持样式

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

本文通过实现明日方舟游戏官网中的Logo粒子动画来学习如何更深层次的使用canvas，相信最后你也会喜欢上它😊。 canvasAPI数量精简，参数清晰，学习并不复杂，更多的是如何实践应用。