yorick
yorick
  • 发布:2020-07-23 18:21
  • 更新:2020-07-23 21:16
  • 阅读:3614

【报Bug】uniapp H5 image标签和原生img标签差异

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 10.14.6 (18G95)

HBuilderX类型: Alpha

HBuilderX版本号: 2.8.1

手机系统: 全部

手机厂商: 华为

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

iPhone 7P HUAWEI P30 Pro

操作步骤:

运行demo 查看结果

预期结果:

uniapp加载的图片截图后和img加载的图片清晰度一致

实际结果:

uniapp加载的图片截图后和img加载的图片清晰度不一致,
uniapp加载的图片截图后更模糊

bug描述:

uniappH5下,使用uni-app的image标签和原生img标签,截图结果不一致(demo已上传)

使用了html2canvas生产网页截图,如果网页里有uniapp的image组件,则生成的截图会模糊(uniapp的image对html2canvas的scale参数无效),如果使用原生img标签 则没有这个问题

2020-07-23 18:21 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

目前判断是html2canvas的bug

为了达到某些功能,image是使用的背景图,但html2canvas对背景图兼容性有问题,你可以直接用背景图测试

<view class="logo" style="width: 133px;height: 118px;background-image: url(https://testaliimage.talentable.cn/uploads/images/2020/0723/202007231804585f1960ca877b0.jpg);background-size: 100% 100%;"></view>
  • yorick (作者)

    是html2canvas的问题,不用uniapp的情况下也是不能用background-image,只能用img才能解决我上面的问题

    2020-07-24 18:15

  • yorick (作者)

    回复 yorick: 因为之前不清楚uniapp的image是背景图实现的

    2020-07-24 18:17

该问题目前已经被锁定, 无法添加新回复