轻量高效的拓扑图组件
zh

Qunee Developer Guide

HTML5 <Canvas>

是HTML5标准中新增的标签元素,在HTML5标准之前就已经出现,最早由Apple的Safari浏览器引入,用于提供一组纯粹的2D绘图API,目前主流浏览器都已支持,Qunee for HTML5主要使用Canvas技术展示图形界面。

Canvas元素对应的是HTMLCanvasElement类,继承自标准的HTMLElement类型,与普通的网页标签元素一样,存在于HTML DOM 树中,可通过CSS设置相应的布局位置和样式属性,我们称之为画布元素,通过脚本语言可以在上面绘制2D图形。

使用Canvas技术,用到最多的类是CanvasRenderingContext2D,表示绘制上下文,相当于Java 2D中的java.awt.Graphics2D类,提供绘制的相关函数,如线条绘制,图形填充,文字绘制,坐标变化,缩放等等。

Canvas相关类有十几个,涵盖了基本的2D绘图操作,其提供的API比较底层,Qunee for HTML5 内核会用到这些API,并做抽象和封装,提供更高级的图形元素,使用Qunee开发应用可以直接使用这些高级对象,而不需要使用那些底层的API,这会使开发变得容易。

当然如果你想更深入的定制,可以学习更多Canvas的底层API,可参阅下面的链接: