Canvas学习-直线绘图

主要是学习Canvas过程中的学习笔记。主要是分享一些代码出来。

代码中主要几个知识点会提前说明下:

  1. 正多边形的绘制,参考下面的坐标示例:
    1. Canvas学习-直线绘图_第1张图片
  2. 五角星参考图:
    1. Canvas学习-直线绘图_第2张图片
  3. 下面是学习代码。



    
    
    直线绘图
    


    
    
    
    

绘制多边形

训练题:绘制调色板

训练题:渐变调色板

运行结果:

Canvas学习-直线绘图_第3张图片

你可能感兴趣的:(HTML之Canvas学习笔记)