问题描述
我们基于canvas做互动课件开发,本质上更接近游戏开发,而非前端(指DOM)开发。由于当前设备的分辨率种类太多,而且用户可以任意改变浏览器窗口尺寸,所以我们必须要做自适应。为了显示不变形,我们一定是进行等比缩放。
我们基于canvas做互动课件开发,本质上更接近游戏开发,而非前端(指DOM)开发。由于当前设备的分辨率种类太多,而且用户可以任意改变浏览器窗口尺寸,所以我们必须要做自适应。为了显示不变形,我们一定是进行等比缩放。
最近一直在用h5开发课件,遇到了一些问题。
1、非整数刻度(游标卡尺)
2、动态网格缩放
3、尺寸跨度大
4、任意帧频
DataURL与File,Blob,canvas对象之间的互相转换的Javascript,原文地址:http://blog.csdn.net/cuixiping/article/details/45932793
可以用hEngine来画图标,波形等矢量图形。使用引擎,可以让开发者专注于逻辑的实现,而不是纠结于Canvas如何渲染。
使用hEngine做了一个小游戏Demo,制作过程中发现了引擎中的一些小Bug,已经更正。
hEngine中,事件的基类是HEvent,目前还定义了一个触屏事件类HTouchEvent。侦听事件用addEventListener方法,处理事件用HIListener的实例。
所有HEventDispatcher的子类都可以发送和接收事件。为了提高效率,目前,只有添加到显示对象列表中的显示元件才可以响应事件。
HPoint定义一个点,以及点的一些几何运算,HRectange定义一个矩形以及矩形的一些运算。