canvas 实现图片局部模糊_HTML5 Canvas图像模糊完美解决办法

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

2、模糊图像的效果：

3、将压缩去掉后的效果

可以将代码改成

赛事详细页

再试一次

{{eventDetail.HomeTeamName}}

{{eventDetail.TimeFormat }}

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

:src="'img/teamlogonew/'+eventDetail.AwayTeamID+'.png'" />

{{eventDetail.AwayTeamName}}

{{eventDetail.HomeTeamName}}

HOME

VS

{{eventDetail.AwayTeamName}}

AWAY

{{eventDetail.CompetitionName}} / {{eventDetail.DateFormat}}

玩法	选项
Match Odds	Home

本金	赔率	预赢
1000	12.54	12540

竞猜场

竞猜记录

赛事事件

技术统计

赛果

(已封盘)

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

v-on:click="select.BackOdds>=1.01 &&clickFun($event,item.State,select.BackOdds,item.MarketId,select.SelectionId,'赛果',select.SelectionName);" name="itemSelection">

{{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}}

订单已被取消

订单无效

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

{{item.CaseMinutes}}' {{item.CaseDescription}}
		{{item.CaseDescription}} {{item.CaseMinutes}}'
	{{item.CaseMinutes}}' {{item.DesChina}}

{{item.AwayTeamValue}}

{{item.StatsType}}

{{item.HomeTeamValue}}

我的余额：888

• +100
• +500
• +1000

• All in

  100

确定

总结

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