【JavaScript】Canvas绘制美丽的网螺旋旋转图形

DOCTYPE html>


  
   网页螺旋旋转图形 


   螺旋旋转图形 
   
  
    var canvas = document.getElementById('mc');
    var context = canvas.getContext('2d');
    // 设置背景布为白色
    context.fillStyle = "#fff";
    // 创建一个画布
    context.fillRect(0, 0, 400, 300);
    // 图形绘制
    context.translate(200, 50);
    context.fillStyle = 'rgba(255, 0, 0, 0.25)';
    for (var i = 0; i