HTML5 Canvas如何用RadialGradientTexture绘制辐射环纹理图案？

本文共计647个文字，预计阅读时间需要3分钟。

原创：HTML5 canvas 渲染环元元素图案RadialGradientTexture。

具体做法如下：

1.在隐形单元（display:none;）上绘制，画出图案单元。

它是一种设置了5种颜色渐变的放射/圆形渐变环。

2.在myCanvas上绘制画笔。

原创：HTML5canvas辐射环元素图案RadialGradientTexture。具体做法如下：
1.在隐形（display:none;）画布unit上，画出图案单元。它是一个设置了5种颜色的放射状/圆形渐变环。
2.画布myCanvas的画笔为g。调用g的createPattern(img,'repeat')方法，以便在水平和垂直方向重复绘制元素img。
3.通过ticker的自增，使得下次使用颜色数组，均后错一个元素，从而产生动画效果。