web前端技术分享：cooltree框架

COOLTREE-JS原生框架

作为一个前Flash程序员，因为Flash的败落转做H5开发，发现现有的H5框架，要么非开源的，要么需要TS转JS。原生H5前端需要学习HTML页面语法，还要学习CSS样式，还有各种UI框架，比较繁杂。我研究了下canvas与svg，都可以实现图形，特色文字的显示，试着写了一个JS框架分享给大家。该框架我命名为cooltree，可以实现同一套代码可以同时实现canvas与DOM两种模式的显示，可以根据不同终端自动切换显示模式，框架中很多类我都参考了Flash的类命名，功能也大体相同。

框架代码完全开源

Cooltree框架官网
Github框架源码下载
查看全部示例

框架介绍

1内置很多简单实用的UI组件；
2 支持精灵图动画；
3 支持位图字体；
4 支持外部字体加载；
5 支持SVG图形显示；
6 支持SVG图形遮罩；
7 支持多媒体播放，带视频/音频播放器组件；
8 支持配置文件，分部加载资源；
9 支持各种图形绘制，路径绘制填充，渐变填充，位图填充。

详解教程

Web前端cooltree框架详解1：遮罩使用
Web前端cooltree框架详解2：动画播放
Web前端cooltree框架详解3：文本应用