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内

_('canvas',{})

创建完成后，刷新页面如下

参数详解

dpr为页面的像素比，不写默认为设备的dpr，如果发现页面卡顿手动降低dpr可有效降低页面卡顿

fps为页面刷新率，不写为50帧每秒，建议不写

parent为画布父级，不写默认为body，会自适应屏幕宽高，并且清除样式及规定视口，如果写了则会通过id选择页面元素，并追加到元素内部，并且不会清除样式，比如我想把画布追加到一个id为box的标签内，就可以如上例写法

load为加载资源，有如下属性和方法

image 为导入图片资源数组，数组的对象内包括图片的索引id和图片的路径src

路径不需要写image/前缀

view 为导入视图资源数组，数组内为视图的文件名，不需要写view/和.js前后坠

audio 为导入音频资源数组，格式同图片

init 为资源加载完毕初始化方法，通常我们需要写

也就是资源加载完成进入第一个视图

loading为资源加载视图自定义，不写则使用默认loading动画，如果使用熟练度不高，建议不写

规范如下

callback每加载一个资源就是执行一次

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内

_('canvas',{})

创建完成后，刷新页面如下

参数详解

dpr为页面的像素比，不写默认为设备的dpr，如果发现页面卡顿手动降低dpr可有效降低页面卡顿

fps为页面刷新率，不写为50帧每秒，建议不写

parent为画布父级，不写默认为body，会自适应屏幕宽高，并且清除样式及规定视口，如果写了则会通过id选择页面元素，并追加到元素内部，并且不会清除样式，比如我想把画布追加到一个id为box的标签内，就可以如上例写法

load为加载资源，有如下属性和方法

image 为导入图片资源数组，数组的对象内包括图片的索引id和图片的路径src

路径不需要写image/前缀

view 为导入视图资源数组，数组内为视图的文件名，不需要写view/和.js前后坠

audio 为导入音频资源数组，格式同图片

init 为资源加载完毕初始化方法，通常我们需要写

也就是资源加载完成进入第一个视图

loading为资源加载视图自定义，不写则使用默认loading动画，如果使用熟练度不高，建议不写

规范如下

callback每加载一个资源就是执行一次