WebGL Tutorial
and more

geoGrp

撰写时间:2024-03-19

修订时间:2024-03-19

Canvas 2D存在的问题

Canvas 2D是个好东西,但有许多方面仍不够理想:

  1. 仅支持一种坐标系,即原点位于左上角,X轴正轴从左到右,Y轴正轴从上到下
  2. 坐标值的平移转换比较麻烦
  3. 绘图环境context全局共享,易相互污染
  4. 空置Retina设备

geoGrp的特点

充分考虑到上面存在的问题,结合在使用Canvas 2D过程中的各种需求,特此开发geoGrpJavaScript工具库。geoGrp努力实现以下特性:

  1. 快速地建立起不同的坐标系
  2. 方便地绘制坐标系的刻度
  3. 允许在X轴及Y轴上建立起不同单位的刻度
  4. 方便地使用自定义刻度
  5. 实现最常用的各种绘图方法,且设置合理的默认参数。选项过多的,则使用默认解包技术
  6. 实用驱动开发
  7. 引入SVG部分实用的特色
  8. 自动响应浏览器客户端的变化
  9. 自动适配Retina设备
  10. 支持像素级的后期加工

下面章节中将通过较为详尽的例子对上述特性予以演示、说明。

参考资源

  1. Safari HTML5 Canvas Guide