第一节：简单创建
| moveTo(0,0) | 出发点 |
| lineTo(0,0) | 最终点 |
| lineWidth=0 | 连接线粗细 |
| strokeStyle="#000" | 这条线颜色 |
| stroke | 显示出最终效果 |
当我们想接着上一个点画线，那就接着lineTo!最后是三角形
cc.moveTo(0, 0)
cc.lineTo(200, 200)
cc.lineTo(0, 200)
cc.lineTo(0,0)
cc.lineWidth = 2
cc.strokeStyle = "#ff557f"
cc.stroke()第二节：多条线
上一节课就是一条线画画个三角形，现在让你画多个三角形正方形怎么办？很简单用moveTo切断上一个， 这是新的起点！
第一个等边三角形，另一个直角三角形
cc.moveTo(10, 0)
cc.lineTo(200, 200)
cc.lineTo(10, 200)
cc.lineTo(10,0)
cc.moveTo(300, 0)
cc.lineTo(300, 200)
cc.lineTo(600, 200)
cc.lineTo(300, 0)
cc.lineWidth = 2
cc.strokeStyle = "#ff557f"
cc.stroke()此时我们有一个小小的问题！我想这两个三角形边框颜色不一样！
你一定会想在最后一个lineTo后面加一个strokeStyle
答案是错的！因为他会被最后的那个覆盖掉。最后只有一个颜色
最后很简单！beginPath
你就当他是主持人！他说：这位是刘德华！主持人：下一位郑伊健
主持人：下一位张惠妹
第一个beginPath其实可有可无，因为他是第一默认的！后面的直接切断了。
cc.lineWidth = 2 //统一线粗细度
cc.beginPath() //新的开始（可有可无）
cc.moveTo(10, 0)
cc.lineTo(200, 200)
cc.lineTo(10, 200)
cc.lineTo(10,0)
cc.strokeStyle = "#ff557f"
cc.stroke() //完成
cc.beginPath() //新的开始
cc.moveTo(300, 0)
cc.lineTo(300, 200)
cc.lineTo(600, 200)
cc.lineTo(300, 0)
cc.strokeStyle = "#00aa7f"
cc.stroke() //完成这些课知识点在于beginPath
有了他其实可以替换掉moveTo，反正他也说了要重开！lineTo的第一个不就跟moveTo一样了嘛！！！
cc.beginPath() //新的开始（可有可无）
cc.lineTo(200, 200)
cc.lineTo(10, 200)
cc.strokeStyle = "#ff557f"
cc.stroke() //完成
cc.beginPath() //新的开始
cc.lineTo(300, 200)
cc.lineTo(600, 200)
cc.strokeStyle = "#00aa7f"
cc.stroke() //完成
其次就是lineWidth可以成为统一粗细
第三节：closePat
其实就是俗称的擦屁股！画三角形画完第二根时候其实就算完了！他会给你一个完美的闭合路线
cc.beginPath() //开始
cc.lineTo(10, 0) //第一个点
cc.lineTo(200, 200) //第二个点连接第一条线
cc.lineTo(10, 400) //第三点连接第二条线
cc.closePath() //结束，帮忙把屁股擦干净
cc.stroke() // 显示出来第四节：填充
前面咱们都是线！那我想充实点！怎么办？
cc.fillStyle 和cc.fill()
跟上面的边一样只不过它是填充！先说了一句你要填什么颜色啊？
然后就是开始填充
cc.stroke()前面用fill正常！
cc.stroke()后面用fill会压到一半的的线宽度！
cc.beginPath()
cc.lineTo(10, 0)
cc.lineTo(200, 200)
cc.lineTo(10, 400)
cc.closePath()
cc.fillStyle = '#ccc' //填充颜色
cc.fill()//开始填充
cc.strokeStyle = "#00aa7f"
cc.stroke()