1、别做单个组件的autocomplete了，很坑，牵扯的坑太多，最后碰到原生组件canvas会让人欲哭无泪

这个问题打我记事起到现在，问过我的人，没有1000也有800了。足以见得这个问题是多么的不得人心。

代码已上传至 github 【https://github.com/wanqihua/koa-canvas】

1、采用threeJs的精灵（Sprite），具体用法查看我另一篇博客https://my.oschina.net/u/2612473/blog/3038066 2、使用CSS2DRenderer

这代码显示的结果，其实不是我们想的那样，其实还是存在一些问题，因fill()上方的路径状态还是存在有效的，所以为了解决这个问题，引入了beginPath()和closePath()...

我们都知道在canvas 可以通过clip来实现剪裁功能，其步骤一般是先设置要裁剪的区域（路径），然后通过ctx.clip()的实现裁剪，裁剪之后，后续的绘制只能在裁剪的区域显示效果，比如如下一段代码，实现了一个圆形裁剪：...

最近一个项目，需要绘制双线的效果，双线效果表示的是轨道（类似铁轨之类的），如下图所示：

最近的一个客户项目中，简化的需求是绘制按照行列绘制很多个圆圈。需求看起来不难，上手就可以做,写两个for循环。

View的绘制是从上往下一层层迭代下来的。DecorView-->ViewGroup（--->ViewGroup）-->View ，按照这个流程从上往下，依次measure(测量),layout(布局),draw(绘制)。

画布 Canvas 画布是摆放容纳所有的UI元素的区域，所有的UI元素需要在Canvas上组装。 Canvas 组件