首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML5画布抗锯齿?

HTML5画布抗锯齿?
EN

Stack Overflow用户
提问于 2011-05-17 22:22:48
回答 2查看 10.9K关注 0票数 19

我正试着用画布画一条二次曲线。代码如下:

HTML:

代码语言:javascript
复制
<canvas id="mycanvas"> 
    Your browser is not supported.
</canvas> 

JavaScript:

代码语言: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/

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6032263

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档