HTML5 canvas中如何创建RadialGradientTexture辐射环图案？

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

创新：HTML5 canvas 渲染环元元素图像案例 RadialGradientTexture。

具体做法如下：

1.在隐藏元素（display:none）上绘制unit单元，画出图像单元。

它是一个设置有五种颜色渐变状态的放射/圆形渐变环。

2.绘制myCanvas的画笔。

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