如何解决HTML5Canvas图像模糊的问题

本篇文章给大家分享的是有关如何解决HTML5 Canvas图像模糊的问题，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联公司主营乌拉特中网站建设的网络公司,主营网站建设方案,成都app开发,乌拉特中h5小程序定制开发搭建,乌拉特中网站营销推广欢迎乌拉特中等地区企业咨询

1、最近在用h6的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}}
                                
                                
                            
                        

                        

                    

                    

                

            

            
            

                

                    

                        
玩法
                        
选项
                        
赔率
                        
本金
                        
结果
                    

                    

                        

                            

                                {{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图像模糊的问题，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。