Canvas

Awesome Canvas

Awesome

精选的Canvas示例,相关文章和帖子的精选列表. 受启发 awesome-python.

Contributing

请快速浏览一下 contribution guidelines 第一.

Summary

Canvas

Definition

“添加到HTML5中的HTML <canvas>元素可用于通过JavaScript脚本绘制图形.例如,它可用于绘制图形,制作照片构图,创建动画,甚至进行实时视频处理或渲染. ” 通过 Mozilla Developer Network

Examples

有关使用画布进行创作的一些很好的示例.

Libraries

To draw using canvas

  • Akihabara 是HTML5游戏库,用于使用Javascript和canvas标签制作基于像素的游戏.
  • ChemDoodle 是一个开放源化学和化学信息学工具包,其中的画布用于解决常见的化学相关任务,以多种不同方式显示分子.
  • d3 (或D3.js)是一个JavaScript库,用于使用Web标准可视化数据. D3帮助您使用SVG,Canvas和HTML使数据栩栩如生.
  • EaselJS 是一个JavaScript库,可以轻松使用HTML5 Canvas元素. 可用于创建游戏,生成艺术以及其他高度图形化的体验. EaselJS是CreateJS的一部分,CreateJS是一个模块化的库和工具,这些库和工具可以一起工作或独立工作,以通过HTML5在开放式Web技术上启用丰富的交互式内容.
  • 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和浏览器.
  • Pencil.js -好的模块化Javascript库,具有清晰的OOP语法和许多功能.
  • Pixi.js -超快速HTML 5 2D渲染引擎,将webGL与画布后备结合使用
  • Processingjs 是一种数据可视化编程语言.
  • Proton 是一款轻巧而强大的javascript粒子引擎. 有了它,您可以轻松创建无数炫酷效果
  • Pts.js -Pts是用于可视化和广告素材编码的JavaScript库.
  • Scrawl-canvas -轻松向网页添加多个响应式,可访问性和交互式<canvas>元素
  • Sketch -跨平台JavaScript广告素材编码框架
  • Three.js 是一个可在浏览器中制作WebGL-3D的JavaScript库,但是您可以 render using canvas instead of WebGL
  • Visualize 是一个JQuery插件,它使用HTML canvas元素从表格数据创建图表.
  • zDog -适用于画布和SVG的扁平,圆形,设计友好的伪3D引擎
  • zrender -一个轻量级的画布库,为Apache ECharts提供2D绘制(正在孵化)

For other purposes, but still use canvas

Resources

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

Talks

Books

Twitter

Websites and Tutorials

License

该项目本身的内容已根据《 Creative Commons Attribution 3.0 license.