iphone手机浏览器图片边缘有黑边

Creator 2.x
#1

  • Creator 版本：1.10.1

  • 目标平台： iphone Web

  • 重现方式：必现

使用iphone手机（有黑边 ）

  1. 手机浏览器测试没有构建的工程有黑边
  2. 手机浏览器测试构建的工程有黑边
  3. 修改自动图集meta文件的contourBleed和paddingBleed字段，构建后用手机浏览器测试有黑边
    使用安卓手机，(无黑边或不明显)
    都没有明显的黑边

Test.zip (1.3 MB)

苹果浏览器

企业微信截图_15435466831553.png545×998 136 KB

安卓浏览器

安卓手机浏览器.jpg1080×1920 201 KB

#2

你说的黑边 其实我更倾向于是图片的锯齿问题

#3

你好 这个问题可以通过升级至2.0版本，通过如下设置解决这个问题；

#4

只有iphone手机浏览器比较明显

#5

目前项目暂时不考虑升级引擎到2.x

#6

这个解决方案会导致元素无法做Opacity相关动画了。。。

#7

使用texturepacker打包图集，勾选了premultiplyalpha选项，其他工具类似。
这里有一个点需要注意的是，对图片压缩处理会使预乘效果失效。