网页版几何画板开发笔记(一)

本文记录了开发网页版几何画板的过程,包括使用GeoPad类管理多个画板,通过HTML5 canvas元素展示图形,并介绍了如何绑定事件及管理几何对象的双向链表数据结构。
摘要由CSDN通过智能技术生成

近期在做项目网页版简易几何画板 geo.js. 时间一长, 加上年纪大了, 就容易忘记, 所以这里写下来些笔记.

实现了一个全局变量$G (window.$G), 将其它(大部分的)类和量都放在该名字空间下面,
这么做的目的是减少对全局名字空间的占用, 减少名字冲突的可能性.

对于画板, 实现为类 GeoPad(全名为 $G.GeoPad). 在一个网页中, 可以同时显示多个画板,
每个画板创建一个GeoPad的实例. 这是为了支持在同一个网页显示多个几何图形的需求.

每一个画板对象GeoPad对应网页上的一个几何图形显示区域, 这个显示区域一般是DIV里面
容纳着canvas元素. 当前IE9以上,firefox,chrome,safari等浏览器都支持HTML5 的canvas
元素, 我也试验过, 这些浏览器是可以运行这个网页画板.

在网页上使用GeoPad的方法, 设计为通过js, 先创建GeoPad 的新实例, 而后绑定(bind)到
一个HTML元素(如DIV) 上, 然后加载图形文件(文本)给该GeoPad. 创建过程也可以根据
情况细微调整, 总体上关键是绑定,加载环节. 见函数 GeoPad.create_pad(), 相当于一个
静态函数(public static).

函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值