canvas进阶之如何画出平滑的曲线
转自: https://www.jb51.net/html5/641000.html 背景概要 相信大家平时在学习canvas 或 项目开发中使用canvas的时候应该都遇到过这样的需求:实现一个可以书写的画板小工具。 嗯,相信这对canvas使用较熟的童鞋来说仅仅只是几十行代码就可以搞掂的事情,以下demo就是一个再也简单不过的例子了: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 <!DOCTYPE html> < html > < head > < title >Sketchpad demo</ title > < style type = "text/css" > canvas { border: 1px blue solid; } </ style > </ head > < body > < canvas id = "canvas" width = "800" height = "500" ></ canvas > <