[置顶] 微慕小程序开源版V4.6版发布

摘要： 微慕小程序开源版可以自定义昵称和头像了。 阅读全文

posted @ 2022-11-30 13:43 xjb 阅读(250) 评论(0) 推荐(0) 编辑

[置顶] 微慕小程序专业版V3.8.0发布

摘要： 微慕团队一直秉承一个产品理念：为用户创造价值。微慕小程序专业版V3.8.0的更新说明：采用mp-html富文本组件。付费阅读添加扩展字段，支持积分购买VIP，会员支持自定义别名，文章或话题支持自定义扩展字段。 阅读全文

posted @ 2021-08-11 16:26 xjb 阅读(153) 评论(0) 推荐(0) 编辑

[置顶] 微慕WordPress小程序增强版v2.0发布

摘要： 微慕小程序增强版定位就是多端平台内容的分发，因此所有的增加新功能都是围绕这个定位开展的。 阅读全文

posted @ 2020-08-17 15:55 xjb 阅读(343) 评论(0) 推荐(0) 编辑

2023年8月31日

利用PDF.js在微信小程序里预览PDF文件

在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点：

1、需要下载才可以查看，且每次打开都需要下载生成一个临时文件，如果PDF文件比较多的话，临时文件会越来越多，且如果PDF文件比较大的话，打开会比较慢。
2、在导航栏显示标题是临时文件名，看上去不够优雅。
3、翻页不方便。

那PDF能不能在小程序直接预览呢？我尝试用微信小程序的web-view里显示PDF的文件，在开发工具里可以显示，但在真机里无法显示。在微信开放社区看有人用PDF.js在浏览器里打开PDF文件,PDF.js 由 Mozilla 提供支持,目标是创建一个通用的、基于 Web 标准的平台，用于解析和呈现 PDF. 通过web-view方式打开通过PDF.js解析的PDF文件，在微信开发工具里无法正常显示，不过好消息是：在真机里可以显示正常。

使用PDF.js来解析PDF方法如下：

1、去PDF.js官方网站下载此框架：https://mozilla.github.io/pdf.js/getting_started

2、把PDF.js部署到网站，PDF.js有两个文件夹web和build，把这两个文件放到网站的一个目录下比如pdfljs目录，在web目录下有个viewer.html文件，可以用它来在线解析pdf文件，当然pdf文件的链接需要在同一个域名，预览的方式是：

https://wwww.domianname.com/pdfjs/web/viewer.html?file=xxx/xxx/xxx.pdf

在微慕专业版已集成了PDF.js框架,支持通过pdf的链接在浏览器和小程序里预览PDF文件，在微慕专业里体验该功能的效果。

预览pdf文件：https://blog.minapper.com/wp-content/uploads/微慕小程序专业版.pdf

注意以上方式PDF文件的链接所在域名需要设置的小程序业务域名里。对于跨域的链接，虽然也支持，不过需要特别处理，具体详见链接：https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#faq-xhr

下载打开pdf文件：https://www.watch-life.net/微慕小程序开源版.pdf

以上下载打开PDF文件的方式需要设置业务域名和downloadfile域名。

利用PDF.js在微信小程序里预览PDF文件，支持PDF.js的相关功能，比如：侧栏，查找，分页，缩放，添加文字，绘图，旋转，演示模式等。

上面是通过官方viewer.html来显示PDF文件，也可以通过引入PDF.js的方式来解析和显示，这个方式就可以自定义功能。方法如下：

1、引入pdf.js库

<script src="./build/pdf.js"></script>
<script src="./build//pdf.worker.js"></script>
 

2、用canvas接收需要读取到的pdf内容并显示

<canvas id="myCanvas"></canvas>
 

3、创建PDF对象：data可以是pdf文件对应的Base64字符串，也可以是文件所在相对或者绝对路径，也可以是一个在线文件url地址

var loadingTask = pdfjsLib.getDocument(data)
loadingTask.promise.then(function (pdf) {
                for (var i = 1; i <= pdf.numPages; i++) {
                    pdf.getPage(1).then(function (page) {
                        var scale = 2
                        var viewport = page.getViewport({ scale: scale })
                        var canvas = document.getElementById('myCanvas')
                        var context = canvas.getContext('2d')
                        canvas.height = viewport.height
                        canvas.width = viewport.width
                        var renderContext = {
                            canvasContext: context,
                            viewport: viewport,
                        };
                        page.render(renderContext);
                    })
                }
            });
 

有关PDF.js的更多信息，可以参考官方网站：https://mozilla.github.io/pdf.js/

posted @ 2023-08-31 09:50 xjb 阅读(1398) 评论(0) 推荐(1) 编辑

2022年11月30日

用uniapp开发打包多端应用完整指南

摘要： 用uniapp开发打包多端应用完整指南 阅读全文

posted @ 2022-11-30 14:07 xjb 阅读(1412) 评论(0) 推荐(0) 编辑

微慕积分商城插件

摘要： 微慕积分商城插件 微慕积分商城插件，为微慕专业版小程序提供积分兑换商品的功能，并对小商店的功能进行优化。 阅读全文

posted @ 2022-11-30 13:49 xjb 阅读(111) 评论(0) 推荐(0) 编辑

2021年8月13日

让小程序支持代码高亮

摘要： 小程序引入mp-html组件解析富文本，让小程序支持代码高亮 阅读全文

posted @ 2021-08-13 16:57 xjb 阅读(235) 评论(0) 推荐(0) 编辑

2021年8月11日

小程序富文本解析利器mp-html

摘要： 功能强大的富文本解析组件，全面支持html标签，自定义样式配置，图片加载，支持表格和列表，支持音频和视频，支持过个平台的小程序。 阅读全文

posted @ 2021-08-11 16:29 xjb 阅读(1728) 评论(0) 推荐(0) 编辑

2021年5月13日

微慕 rest api 缓存插件

摘要： 提高 WordPress rest api 的加载速度，为小程序提速。 阅读全文

posted @ 2021-05-13 11:39 xjb 阅读(158) 评论(0) 推荐(0) 编辑

微慕搜索助手插件：minapper-wechat-search

摘要： 通过api提交到搜一搜，支持微信小程序页面搜索和内容搜索 阅读全文

posted @ 2021-05-13 11:27 xjb 阅读(265) 评论(0) 推荐(0) 编辑

微慕小程序开源版v4.0发布

摘要： 微慕小程序开源版v4.0支持直播、扩展设置、提交小程序搜一搜 阅读全文

posted @ 2021-05-13 11:24 xjb 阅读(264) 评论(0) 推荐(0) 编辑

下一页

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示