FlexPaper的使用:[1]简单案例
1、我们从FlexPaper的官网下载控件,进入官网,点击“DOWNLOAD”,然后选择如下图进行下载
![FlexPaper的使用:[1]简单案例](https://exp-picture.cdn.bcebos.com/031231632385e036313da05cb8e039723c035a01.jpg)
3、作者是在JavaScript中用到的FlexPaper,实际我们只需要js文件下的flexpaper.js和jquery.min.js,以及FlexPaperViewer.swf,上图已经标明,我们将上面提到的三个文件拷贝到项目中,这里作者的目录有变动,大家可以打开flexpaper.js修改下二图红色标注的地方,只要让flexpaper.js能够找到FlexPaperViewer.swf即可(只需要修改下二图第二个标注即可)
![FlexPaper的使用:[1]简单案例](https://exp-picture.cdn.bcebos.com/49c5d3e34b2c56ee96d361baf775e5f4fdf54001.jpg)
4、在jsp文件中调用FlexPaper,首先引入FlexPaper,如下图一,然后调用FlexPaper,下二图,大家可能看不清,没有关系这篇代码在网上很容易搜的到
![FlexPaper的使用:[1]简单案例](https://exp-picture.cdn.bcebos.com/d04eec260d9a310e1c340e9e31b842406bfea201.jpg)
5、在调用FlexPaper时,先说几个比较重要的参数,其他的参数以后的经验中再讲,第一个SWFFil髫潋啜缅e,这个是用来指明要显示的swf的位置,Scale,这个是用来指明显示时文章显示的比例,要大于零,多试几次就知道了。如果你能够正常的显示swf文章,那你就太顺利了,如果不能正常显示文章的话,可能原因有:1. swf路径错误;2. FlexPaper控件中路径错误;3. 换FlexPaper自带的paper.swf文件试一下,可能是你自己的swf文件错误
![FlexPaper的使用:[1]简单案例](https://exp-picture.cdn.bcebos.com/8974c38a59de4507a2acdfc45e413a8ca7088501.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:24
阅读量:69
阅读量:75
阅读量:71
阅读量:70