instant games无法解决锯齿问题（字，不仅仅是图片）

Creator 2.x
#1

已查instant games是通过iframe来引入游戏页面

Screenshot_20180824-180856.jpg1080×2160 171 KB
Screenshot_20180825-190529.jpg1080×2160 115 KB

我们用web预览是可以根据手机的devicePixelRatio来动态设置meta来解决锯齿问题。也可以强行设置
meta name=“viewport” content="width=device-width,user-scalable=no,initial-scale=0.5, minimum-scale=0.5,maximum-scale=0.5"来解决锯齿问题。但是种种测试表明该方法在instant games无效。因为instant games是通过iframe来引入游戏页面,meta由父级来决定，父级的meta值都是1。当我强行将页面设成meta name=“viewport” content="width=device-width,user-scalable=no,initial-scale=0.5, minimum-scale=0.5,maximum-scale=0.5"整个视图会放大一倍。试着用body{transform-origin: (0,0);transform: scale(0.5,0.5)}来解决视图问题。这样一来，解决锯齿问题，但是里面坐标体系是按照两倍的来计算的。所以用CSS没办法解决该问题。由此确定instant games锯齿问题是由于facebook方统一将meta viewort设为一，那么canvas就按手机实际宽度来绘制，现在市面上大多数手机一定会出现锯齿。求解决。

#2

补充：后面一张图是上传到instant games上的。可以明显的看到锯齿。同一台手机截图。

#4

@jare @panda

#5

QQ图片20180827110158.png1080×1920 417 KB
我再 补张图，这 是我们项目现在到收尾了，但是确实没办法放出去。cocos creator2.0最近版本。

#6

我再详细的描述一下，
使用的游戏引擎：cocos creator2.0
问题：游戏内文字与图像都有锯齿。
instant games是通过iframe来引入游戏页面,instant games父级meta name=“viewport” content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1。
游戏页面设置meta name=“viewport” content="width=device-width,user-scalable=no,initial-scale=0.5, minimum-scale=0.5,maximum-scale=0.5，cocos creator
会根据设置的meta生成两倍的画布，由于iframe的限制，缩放无效所以画布会放大两倍。如果meta 跟iframe一样，在高清屏下面就会有锯齿（window.devicePixelRatio>1）。尝试过用css的缩放来处理（能够解决锯齿问题），
但是这样一来画布内的坐标体系就会混乱。