Cocos2d - js in android and IOS browser graphics looks pixelated

Below is my html file

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Rapid River</title>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="yes"/>
    <meta name="screen-orientation" content="landscape"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <style>
        body, canvas, div {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
    </style>
</head>
<body style="padding:0; margin: 0; background: #000;">
<canvas id="gameCanvas" width="1280" height="720"></canvas>
<script src="frameworks/cocos2d-html5/CCBoot.js"></script>
<script src="main.js"></script>
</body>
</html>

and in main.js i have following code

cc.game.onStart = function() {    
    cc.view.setDesignResolutionSize(1280, 720, cc.ResolutionPolicy.SHOW_ALL);
    cc.view.adjustViewPort(!0);    
     cc.view.resizeWithBrowserSize(!0);
    cc.LoaderScene.preload(g_resources, function() {
        cc.director.runScene(new ScreenHandlerScene)
    }, this)
};
cc.game.run();

I am new to cocos2d js please guide.
Even LabelTTF i m using is blur.