
查看专栏目录
canvas示例教程100+专栏,提供canvas的基础知识,高级动画,相关应用扩展等信息。canvas作为html的一部分,是图像图标地图可视化的一个重要的基础,学好了canvas,在其他的一些应用上将会起到非常重要的帮助。
如何使用canvas绘制圆环呢?方法其实很简单,在某个位置(x,y),画两个圆,填充上不同的颜色。先画大圆,半径为R+圆环宽度,然后画小圆,半径为R。小圆的颜色同背景色一致,看起来就是个突出的圆环。 下面是大剑师的一个示例,供参考:
示例效果图

示例源代码(共109行)