php 直线锯齿,html5,_lineTo 画出来的线有锯齿,怎么样才能平滑一些，html5 - phpStudy...

lineTo 画出来的线有锯齿,怎么样才能平滑一些

Your browser does not support the HTML5 canvas tag.

Your browser does not support the HTML5 canvas tag.

var data=[111, 21, 51, 71, 51, 31, 101, 31, 31, 51, 1, 11, 131, 61, 11, 141, 121, 111, 11, 1, 111, 71, 141, 141, 91, 131, 81, 21, 31, 71, 141, 41, 11, 31, 61, 11, 61, 101, 91, 21, 81, 141, 51, 91, 61, 71, 81, 91, 21, 21];

var a=document.getElementById("a").getContext("2d");

var b=document.getElementById("b").getContext("2d");

var interval=30;

a.strokeStyle='darkgreen';

for(var i=1;i

a.moveTo((i-1)*interval,150-data[i-1]);

a.lineTo(i*interval,150-data[i]);

a.stroke();

}

b.strokeStyle='firebrick';

b.beginPath();

for(var i=1;i

b.moveTo((i-1)*interval,150-data[i-1]);

b.quadraticCurveTo((i+1)*interval,150-data[i+1],(i)*interval,150-data[i]);

b.stroke();

}

lineTo 画出来的线有锯齿,如果用quadraticCurveTo 这个控制点怎么算才能平滑一点?

相关阅读:

HTML5 websocket linux 上发布后，连接中断的问题

有什么好的接口管理工具吗？

网页内容提取

点击切换多选按钮，并让他们的值相加减

页面布局问题

启动 react-native 时报错怎么解决？

安装scrapy的过程中出现的问题

jquery.imgareaselect 如何支持在手机上进行裁剪图片

求写个shell+正则表达式

专门用来响应式布局的css框架有什么？

新手求问怎么练习静态页面？

CSRF Token 的设计是否有其必要性？

myeclipse删除文件报错

php 中switch语法的问题？

官方30行js比赛：30行js你能做出什么？

关于 Mongodb 的聚合查询实现

项目在 git 里怎样合理的保存配置文件(服务器密码等敏感内容)

Django能否动态修改一个model里字段定义的属性？

如何在ListView子条目中获取部分组件点击事件？

golang如何解析这类格式