html5 显示k线图,canvas绘图，html5 k线图，股票行情图

canvas绘图，html5 k线图，股票行情图

canvas跟其他标签一样，也可以通过css来定义样式。但这里需要注意的是：canvas的默认宽高为300px * 150px,在css中为canvas定义宽高，实际上把宽高为300px * 150px的画布进行了拉伸，如果在这样的情况下进行canvas绘图，你得到的图形可能就是变形的效果。

所以，在canvas绘图时，应该在canvas标签里直接定义宽高。

Canvas的宽高×2 然后css的宽高是canvas的二分之一

===============

canvas绘制的图好模糊，怎么解决呢？ - 简书

https://www.jianshu.com/p/4c4312dc7fc5

这种只是设置文本清晰度的，对K线图没什么用处

===============

k line painter

http://html54stock.outofmemory.cn/k-painter.v1.htm

这个是组件作者的demo 看起来也是差不多模糊的，在移动端手机上看到就更模糊，没有对手机分辨率dpi进行处理

Html5版本的全套股票行情图开源了，附带实现技术简介 - 玉开 - 博客园

https://www.cnblogs.com/yukaizhao/archive/2012/03/13/html-stock-charts.html