16-canvas绘制圆弧
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>16-Canvas绘制圆弧</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 canvas{ 12 display: block; 13 margin: 0 auto; 14 background: red; 15 } 16 </style> 17 </head> 18 <body> 19 <canvas width="500" height="400"></canvas> 20 <script> 21 /* 22 1.基本概念 23 角度: 一个圆360度, 一个半圆是180度 24 弧度: 一个圆2π, 一个半圆π 25 26 2.角度转换弧度公式: 27 ∵ 180角度 = π弧度 28 ∴ 1角度 = π/180; 29 ∴ 弧度 = 角度 * π/180; 30 90角度 * π/180 = π/2 31 32 3.弧度转换角度公式: 33 ∵ π弧度 = 180角度 34 ∴ 1弧度 = 180/π 35 ∴ 角度 = 弧度 * 180/π 36 π/2 * 180/π = 180/2 = 90度 37 * */ 38 // 1.拿到canvas