canvas | 解决绘制模糊问题

canvas 模糊问题的原因有很多种，在这里会根据遇到的情况列出来。

css 导致

有的时候，我们会用 css 来控制 canvas 的布局大小，比如

width:100%
height:100%

因为 canvas 的大小被 css 改变，所以，内部的那些线还有点也会被相应拉伸，所以，我们最好不要用 css 对 canvas 进行大小上的改变，而是使用 js 进行动态变化。

// jquey 语法
let window_width = $(window).width()
let window_height = $(window).height()

let canvas_video = document.getElementById("canvas_video")
canvas_video.width = window_width * 0.45
canvas_video.height = window_height * 0.35

上面会修改 canvas 的尺寸，在这个 canvas 上绘画，并不会模糊。