Canvas

Awesome Canvas

Awesome

精选的Canvas示例,相关文章和帖子的精选列表. 灵感来自 awesome-python.

Contributing

请快速了解一下 contribution guidelines 第一.

Summary

Canvas

Definition

“在HTML5中添加了HTML element可用于通过JavaScript中的脚本绘制图形. 例如,它可用于绘制图形,制作照片合成,创建动画,甚至可以进行实时视频处理或渲染.“ Mozilla Developer Network

Examples

关于使用画布创作的一些很好的例子.

Libraries

To draw using canvas

  • Akihabara HTML5游戏库是使用Javascript和canvas标签制作基于像素的游戏.
  • ChemDoodle 是一个开源化学和化学信息学工具包,其中canvas用于解决常见的化学相关任务,以各种不同的方式显示分子.
  • EaselJS 是一个JavaScript库,可以轻松地使用HTML5 Canvas元素. 适用于创建游戏,生成艺术和其他高度图形化的体验. EaselJS是CreateJS的一部分 - CreateJS是一个模块化的库和工具,它们可以一起或独立地通过HTML5在开放Web技术上实现丰富的交互式内容.
  • d3 (或D3.js)是一个JavaScript库,用于使用Web标准可视化数据. D3可帮助您使用SVG,Canvas和HTML将数据变为现实.
  • fabric.js 在canvas元素之上提供交互式对象模型 并且还具有SVG到画布(和画布到SVG)解析器
  • iio.js - 一个javascript库,可加速HTML5 Canvas应用程序的创建和部署
  • Konva - Konva.js是一个HTML5 Canvas JavaScript框架,它通过为桌面和移动应用程序启用画布交互来扩展2D环境.
  • Origami.js - JS Lib重新设计canvas API接口
  • p5.js - p5.js是一个用于创建图形和交互式体验的JS客户端库
  • Paper.js - 使用HTML5 Canvas将Scriptographer移植到JavaScript和浏览器.
  • Pixi.js - 超高速HTML 5 2D渲染引擎,使用带有画布后退的webGL
  • Processingjs 是一种数据可视化编程语言.
  • Proton 是一个轻量级和强大的JavaScript粒子引擎. 有了它,您可以轻松创建无数酷炫效果
  • Pts.js - Pts是一个用于可视化和创意编码的JavaScript库.
  • Sketch - 跨平台JavaScript创意编码框架
  • Three.js 是一个javascript库,可以在浏览器中制作WebGL - 3D,但是你可以 render using canvas instead of WebGL
  • Visualize 是一个JQuery插件,使用HTML canvas元素从表格数据创建图表和图形.
  • zDog - 平面,圆形,设计师友好的伪3D引擎,适用于帆布和SVG

For other purposes, but still use canvas

Resources

哪里可以找到更多关于Canvas的信息.

Talks

Books

Twitter

Websites && Tutorials

License

该项目本身的内容是根据该许可证授予 Creative Commons Attribution 3.0 license.