黑马程序员技术交流社区
标题: Web前端培训之Render.js使用说明 [打印本页]
作者: 童瑞凯老师 时间: 2017-6-14 16:11
标题: Web前端培训之Render.js使用说明
Render.js使用说明1.1 1 基础语法代码主要书写格式为对象格式，例：
| _('arc',{ id:'arc_'+i, r:_.w*.3, x:_.w*.5, y:_.h*.5, start:angle*3.6, end:angle*3.6, color:_.arcArr.c, add:this }) { 属性名:属性值, 属性名:属性值 } |
红字区域为对象格式，采用键对值写法
属性名与属性值用冒号隔开，属性于属性之间用逗号隔开
1.2 2 工程结构及引包2-1工程结构音频资源如果不用可以不创建文件夹，视图和图片是必备的
2-2 引包引包后即可使用框架内方法，需要在script标签内书写
1.3 3 创建对象3-1 canvas对象格式及规范canvas对象创建必须在window.onload内或者script标签在body内
创建完成后，刷新页面如下
参数详解dpr为页面的像素比，不写默认为设备的dpr，如果发现页面卡顿手动降低dpr可有效降低页面卡顿
fps为页面刷新率，不写为50帧每秒，建议不写
parent为画布父级，不写默认为body，会自适应屏幕宽高，并且清除样式及规定视口，如果写了则会通过id选择页面元素，并追加到元素内部，并且不会清除样式，比如我想把画布追加到一个id为box的标签内，就可以如上例写法
load为加载资源，有如下属性和方法
image 为导入图片资源数组，数组的对象内包括图片的索引id和图片的路径src
路径不需要写image/前缀
view 为导入视图资源数组，数组内为视图的文件名，不需要写view/和.js前后坠
audio 为导入音频资源数组，格式同图片
init 为资源加载完毕初始化方法，通常我们需要写
也就是资源加载完成进入第一个视图
loading为资源加载视图自定义，不写则使用默认loading动画，如果使用熟练度不高，建议不写
规范如下
callback每加载一个资源就是执行一次
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
