使用canvas绘制网格与坐标轴

目录

一、绘制网格

二、绘制坐标轴


一、绘制网格

    网格效果:

使用canvas绘制网格与坐标轴_第1张图片

    代码:

    drawGrid.html:




    
    
    
    绘制网格
    


    

    

二、绘制坐标轴

    坐标轴效果:

使用canvas绘制网格与坐标轴_第2张图片

    代码:

    drawAxes.html:




    
    
    
    绘制坐标轴
    


    

    

    注意:每次调用stroke()方法后一定要记得调用beginPath()方法清除当前存在的路径,否则保留的路径会影响到其他的路径的绘制!

你可能感兴趣的:(计算机图形学)