本篇文章給大家分享的是有關如何解決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圖像模糊的問題，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創新互聯行業資訊頻道。