概述

有时候我们需要立体展示一个物体时，可能需要用到以下效果。当然实现的效果可能有很多，这里就为大家介绍一个大神写的方案，希望能帮到大家！

利用小程序开放的接口模拟简单的3D环物功能。只需传入物品序列照片数组即可。

截图来自小程序“白海豚保护区”

一、小程序插件

AppID：wx0f253bdf656bfa08
基础库要求：>= 2.4.3
文档链接：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx0f253bdf656bfa08
图片要求：网络URL链接

二、兼容云开发

由于插件已经有段时间没有更新了，笔者在开发时又用到了小程序的云开发储存图片资源。拜原作者开源所赐，为了兼容云开发，我在开源的小程序插件代码中进行了部分修改。

开源代码：https://github.com/hiteochew/DimensionalShow-wxapp-plugin

修改方法： 将原代码中 downloadFile 方法替换为以下代码即可。

// 文件位置：plugin/api/util.js
// 代码位置：第 124 行

function downloadFile(src) {
  return new Promise((resolve, reject) => {  //云储存
  wx.cloud.downloadFile({
    fileID: src
  }).then(res => {
    resolve(res.tempFilePath);
  }).catch(error => {
    reject(err);
  })
 })
}

结语

欢迎社区三连——关注点赞收藏！