HTML5 Canvas图像模糊完美解决办法

1、最近在用h5的canvas画动画,发现图像特别模糊。后来终于找到罪魁祸首是这个代码,因为这行代码进行了伸缩

2、模糊图像的效果:

HTML5 Canvas图像模糊完美解决办法_第1张图片 

3、将压缩去掉后的效果

HTML5 Canvas图像模糊完美解决办法_第2张图片 

可以将代码改成

 




    
    
    赛事详细页
    
    
    
    


    
再试一次
{{eventDetail.HomeTeamName}}

{{eventDetail.TimeFormat }}

{{getScoreOrVs(eventDetail.HomeTeamScore,eventDetail.AwayTeamScore)}}

{{eventDetail.AwayTeamName}}

{{eventDetail.HomeTeamName}}


HOME

VS

{{eventDetail.AwayTeamName}}


AWAY

{{eventDetail.CompetitionName}}/{{eventDetail.DateFormat}}
玩法 选项
Match Odds Home
本金 赔率 预赢
1000 12.54 12540

竞猜场

竞猜记录

赛事事件

技术统计

赛果 (已封盘) 猜90分钟(含补时)两队的比赛结果

{{select.SelectionName}}

{{select.BackOdds}}

单双 (已封盘) 猜90分钟(含补时)比赛总进球的单双

{{select.SelectionName}}

{{select.BackOdds}}

总进球 (已封盘) 猜90分钟(含补时)比赛总进球的数

{{select.SelectionName}}

{{select.BackOdds}}

全场比分 (已封盘) 猜90分钟(含补时)全场比分

{{select.SelectionName}}

{{select.BackOdds}}

下一进球 (已封盘) 猜90分钟(含补时)下一进球的球队

{{select.SelectionName}}

{{select.BackOdds}}

  • 玩法
  • 选项
  • 赔率
  • 本金
  • 结果
    • {{item.MarketName}}
    • {{item.SelectionName}}
    • {{item.FillPrice}}
    • {{item.FillAmount}}
    • 待确认

      订单正常

      {{item.NetReturn}}

      订单已被取消

      订单无效

      订单被拒绝,投注延迟期间发生重要事件等原因

    我的余额:888
    • +100
    • +500
    • +1000
    • All in

      100

    确定

    总结

    以上所述是小编给大家介绍的HTML5 Canvas图像模糊完美解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    你可能感兴趣的:(HTML5 Canvas图像模糊完美解决办法)