HTML5 Canvas图像模糊完美解决办法
1、最近在用h5的canvas画动画，发现图像特别模糊。后来终于找到罪魁祸首是这个代码，因为这行代码进行了伸缩
2、模糊图像的效果：
3、将压缩去掉后的效果
可以将代码改成
赛事详细页
再试一次
![]()
{{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}}
%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20{{item.AwayTeamValue}}
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20
