一、参考

https://www.runoob.com/html/html5-canvas.html

https://www.w3school.com.cn/tags/html_ref_canvas.asp

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage

二、用法

Canvas的常见用法

Canvas之translate、scale、rotate、skew方法讲解！

在同一个canvas中绘制多个图形

HTML5—Canvas-画线，空心图，矩形，文字，三角形，旋转图片

Canvas_绘制3条不同颜色和宽度的平行线

canvas 画线

canvas详解----绘制线条

三、目标

canvas.rotate
canvas一次绘制两条不同样式的线