注意我说的是小游戏下的上屏Canvas,

我用Canvas中加载外部图片,图片根据设备屏幕需要适配缩放,

要么调用Canvas绘图上下文ctx.scale(计算好的倍率,计算好的倍率),要么:

ctx.drawImage(this._IMG, 50,80, this._IMG.width/ 计算好的倍率 , this._IMG.height/ 计算好的倍率);


但这两种方式使用后,都导致了图片失真,锯齿敢很强,从小游戏Demo中飞机大战那个,背景就是用方法2处理的,存在模糊感,不过画面连续在动,且内容丰富,并不会被人注意,如果是问题,明显就虚了,再看看 欢乐坦克大战,就没有锯齿感,请问,正确的实现方式是怎么做的。



不要跟我说,我例图中,虚是因为左边的比右边的大一点,

这两个图片都是设备适配后的,真实图片要比这两个缩放后的像素大一倍且高清,

左边的是调用Canvas加载的Img,右边的是 WXML直接<img>直接引入的,css控制适配。

展开全部
收起
2回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 锦鲤本鲤

    15人对此回答表示赞同

    找到了,放大画布

    展开
    15
    11回复
    发布于 6年前

    评论(11)

    收起评论

    • coco抠抠 2018-12-17 16:20

      canvas.width=Screen.width*2;

      回复
    • Miroslavkk 2018-12-20 00:24

      好的多谢另一个帖子的问题解决了,是自己代码问题

      回复
    • 杨承俊 2018-12-22 00:11

      小程序有小程序的获取方法,另外,小程序是原生canvas,不用缩放,清晰度本来就很高

      回复
    • 贺纸张 2018-12-23 23:01

      好吧多谢~看来小程序是没办法用了~

      回复
    • Z小姐 2018-12-25 21:02

      选择小游戏支持库

      回复
    • Aubree 2018-12-27 08:11

      提示这个错误wx.createCanvasisnotafunction

      回复
    • Aria 2018-12-29 17:53

      letcanvas=wx.createCanvas();

      回复
    • Sadie 2018-12-31 09:01

      主,问下,小程序怎么获取canvas对象呢?

      回复
    • Camila 2019-01-02 22:36

      好的,非常感谢

      回复
    • Elias 2019-01-04 14:43

      canvas.width=Screen.width*2;

      回复
    • 吴怡然 2019-01-06 21:32

      你好,我也遇到了这种情况,请问放大画布指的是什么,能否详细说明

      回复
    加载更多
  • 置之度外

    11人对此回答表示赞同

    主该问题有找到合适的解决方案了吗

    展开
    11
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • 陈雪 2018-12-19 14:08

      canvas.width=Screen.width*2;

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部