Сглаживание холста HTML5?

Я пытаюсь нарисовать квадратичную кривую с помощью холста. Вот код:
HTML:

 
    Your browser is not supported.
 

JavaScript:

var canvas = document.getElementById("mycanvas");
canvas.style.width = "1000px";
canvas.style.height = "1000px";
if (canvas.getContext) {
    var ctx = canvas.getContext("2d");
    var x = 0,
        y = 0;
    setInterval(function() {
        ctx.lineTo(x, y);
        ctx.stroke();
        x += 1;
        y = 0.01 * x * x;
    }, 100);
}

Но результат действительно уродливый: во-первых, линии слишком толстые, во-вторых, псевдоним настолько очевиден .... как я могу его улучшить?
Вы можете увидеть эффект здесь: http://jsfiddle.net/7wNmx/1/