10款面向HTML5 画布(Canvas)的JavaScript库
<h1 id="10款面向html5-画布canvas的javascript库">10款面向HTML5 画布(Canvas)的JavaScript库</h1><hr>
<h2 id="1-processingjs">1. Processing.js</h2>
<p>Processing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下，可以实现程序图像、动画和互动的应用。Processing.js是轻量，易于了解掌握的理想工具，可用于可视化的数据，创建用户界面和开发基于Web的游戏。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/processingjs.jpg" alt="这里写Processing描述"></p>
<h2 id="2-fabricjs">2. FABRIC.JS</h2>
<p>FABRIC.JS是一款简单而强大的JavaScript Canvas 库，提供了互动的对象模型，同时还包含 Canvas-to-SVG 解析器。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/Fabric.jpg" alt="这里写图片描述"></p>
<h2 id="3-ocanvas">3. oCanvas</h2>
<p>oCanvas是一个JavaScript框架，用于简化HTML5 Canvas标签的使用，可以利用对象来代替像素。 oCanvas 可以帮助你很容易的在 HTML5 的 Canvas 标签上创建对象，并且创建这些对象的动画。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/oCanvas.jpg" alt="这里写图片描述"></p>
<h2 id="4-jcanvas">4. jCanvas</h2>
<p>jCanvas 就是一个 jQuery 的绘图插件，它封装了一些绘制图形的方法，只需编写几行代码即可生成图形。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/jCanvas.jpg" alt="这里写图片描述"></p>
<h2 id="5-rgraph">5. RGraph</h2>
<p>RGraph是一个使用HTML5 Canvas标签实现的图表制作Library。利用该Library生成的Chart具有可交互性，当鼠标点击或移过时会显示相应的信息，可以动态加载Chart或对特殊点进行缩放。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/RGraph.jpg" alt="这里写图片描述"></p>
<h2 id="6-twojs">6. Two.js</h2>
<p>Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合：SVG，Canvas 和 WebGL，旨在使平面形状和动画的创建更方便，更简洁。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/Twojs.jpg" alt="这里写图片描述"></p>
<h2 id="7-paperjs">7. Paper.js</h2>
<p>Paper.js是一款开源的矢量图形脚本框架，基于 HTML5 Canvas 开发，提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/Paperjs.jpg" alt="这里写图片描述"></p>
<h2 id="8-easeljs">8. EaselJS</h2>
<p>EaselJS 是一个封装了 HTML5 画布(Canvas) 元素的 JavaScript 库。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/easeljs.jpg" alt="这里写图片描述"></p>
<h2 id="9-kineticjs">9. Kinetic.JS</h2>
<p>Kinetic.JS 是一个封装了 HTML5 Canvas的JavaScript 库，能为桌面和移动应用提供高性能动画，转场效果，节点嵌套，分层，滤镜，缓存，事件处理以及更多功能。</p>
<p><img title="" src="http://image.evget.com/images/article/2014/KineticJS0408.jpg" alt="这里写图片描述"></p>
<h2 id="10-pixijs">10. pixijs</h2>
<p>Pixi.js 是一个 2D webGL 渲染器，提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。</p>
<p><img title="" src="//img-blog.csdn.net/20160401174236219" alt="这里写图片描述"></p>
</div>
<div id="MySignature" role="contentinfo">
漫思<br><br>
来源：https://www.cnblogs.com/sexintercourse/p/11809426.html
頁:
[1]