关于javascript:在使用-Taro-开发时画布上面的图片在-苹果端不显示

5次阅读

共计 592 个字符,预计需要花费 2 分钟才能阅读完成。

最近在应用 Taro 开发小程序的时候, 碰到一个 bug, 在微信开发者工具上看是失常的 (这是因为微信开发者工具还是在电脑上运行的, 而不是真机. 具体情况以真机调试后果为准), 然而真机调试时 画布上的 图片不显示, 最开始是 安卓端和苹果端都不显示. 过后的代码

<CoverView className='gonwei-box' onClick={() => this.open(false, '')}>     
  <CoverImage src={dateBoxIcon} className="image">
  </CoverImage> 
</CoverView>

查看文档发现是因为 cover-image 下面不反对 svg 文件的显示. (因为须要 笼罩在原生组件之上的图片视图。所以没有应用 image), Taro 的 CoverImage 组件也只是对小程序的 cover-image 进行了一层封装, 原装都不反对它也没方法

svg 文件不反对只好将它转化为 png 的格局, 依据文档显示 png 格局苹果和安卓都反对实现. 然而在真机调试时, 安卓端能够失常显示, 然而 苹果端显示异样. 最终解决办法在 config/index.js 文件内

const config = {     
  mini: {         
    imageUrlLoaderOption: { // 退出该属性, 针对 png | jpg | jpeg | gif | bpm | svg 文件的 url-loader 配置             
    limit: 100 // 默认值, 能够按需调小           
  }     
        } 
} 
正文完
 0