相关疑难解决方法(0)

HTML5画布反别名?

我正在尝试用画布绘制二次曲线.这是代码:
HTML:

<canvas id="mycanvas"> 
    Your browser is not supported.
</canvas> 
Run Code Online (Sandbox Code Playgroud)

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);
}
Run Code Online (Sandbox Code Playgroud)

但结果真的很难看,首先,线条太粗,第二,别名是如此明显......我怎么能改善呢?
你可以在这里看到效果:http://jsfiddle.net/7wNmx/1/

javascript html5-canvas

18
推荐指数
2
解决办法
1万
查看次数

标签 统计

html5-canvas ×1

javascript ×1