樱花会昔处的专栏

今天学习了HTML5画线条，于是有了做一个简单进度条的插件的想法 先来一个实例 下面是html代码 <div> <canvas id="canvas"></canvas> </div>然后js配置参数 var setting = { id: "canvas",//画布id 不可省略 width: 40,//进度条高度

前几天做了一个进度条的插件，今天我用HTML5的arc做一个简单的进度环的插件。 代码演示 其实很简单的，同样，我们先用一个实例： 配置js代码 var setting = { id: "canvas",//画布id 不可省略 raduis:"30",//进度环半径 x: 90,//进度环圆心x坐标

1.canvas元素 &amp;lt;canvas id=&quot;canvas&quot; width=&quot;150&quot; height=&quot;150&quot;&amp;gt;&amp;lt;/canvas&amp;gt; 2.渲染上下文 var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2