canvas详解----绘制线条
<!DOCTYPE html> <html> <head> <title>canvas详解</title> </head> <body> <canvas id="canvas" width="1024 ...
原文：Canvas绘制线条模糊的解决方案
前段时间，做一个跨平台app项目，需要绘制分时图和K线图。找了很多开源的js的图表库，包括echarts highcharts等等，都不是很满意，原因有 ： 太臃肿，我实际上只要一个分时和一个K线图表，最多搭配几个线形图 不满足需求。主要就是分时图，国内玩的js图表库，几乎都没有分时图。都是用 分钟线的收盘价线来做的，和中国股民的使用习惯完全不搭界。 多年前有人开源了一个js绘制股票图形的库，叫 ...
2016-10-17 22:29 0 2747 推荐指数：
相关推荐
解决html5 canvas 绘制字体、图片与图形模糊问题
html5 canvas 绘制字体、图片与图形模糊问题 发生情况 多出现在高dpi设备，这意味着每平方英寸有更多的像素，如手机，平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器。 canvas在浏览器中的缩放原理 如果没有设置style那么就以html的属性width ...
【转】解决 canvas 在高清屏中绘制模糊的问题
来源： http://www.css88.com/archives/9297 使用 canvas 绘制图片或者是文字在 Retina 屏中会非常模糊。如图： ...
canvas 绘制跟随鼠标移动的线条
window.onload = function() { var canvas = document.getElementById("canvas"); var obj = canvas.getContext('2d ...
canvas绘图不清晰的解决方案
canvas 作图经常会遇到canvas绘制的图片模糊不清问题，这种问题实际上是画布尺寸与画布范围内实际像素不一致造成的。了解 dpr 原因分析 假设dpr = 2；图片大小为60x60px; 1.DOM呈现图片过程 图片——》浏览器css像素（显示尺寸）——》屏幕 ...
canvas绘图不清晰的解决方案
现象描述 同样大小的图片（60x60px）用canvas和DOM绘制，结果发现canvas的画面质量要差很多。结果如下图所示。 上图中，左侧红框中的金币采用DOM绘制，右侧和下方的金币和文字等使用canvas绘制，结果canvas绘制的图片模糊不清。 原因分析 ...
html5 Canvas画图3：1像素线条模糊问题
接上一篇canvas画线条教程 上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图： 这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理，以及解决它。 大家都知道屏幕上最小的显示尺寸就是1像素，虽然小于1像素的东西可能显示不出来，但计算机可不 ...
html5 Canvas画图3：1px线条模糊问题
点击查看原文地址： html5 Canvas画图3：1px线条模糊问题 本文属于《html5 Canvas画图系列教程》 接上一篇canvas画线条教程 上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图： 这样的线条显然不是我们想要的。这篇 ...