この記事では、主にキャンバスの使用を紹介して、HTML5の太陽系効果を引き出します。それを必要とする友達はそれを参照できます
| 惑星 | 変数名 | 軌道期間 | 明るい色 | 暗色 |
|---|---|---|---|---|
| 水銀 | 水銀 | 87.70 | ＃A69697 | ＃5C3E40 |
| 金星 | 金星 | 224.701.70 | ＃c4bbac | ＃1F1315 |
| 地球 | 地球 | 365.2422 | ＃78b1e8 | ＃050C12 |
| 火星 | 火星 | 686.98 | ＃CEC9B6 | ＃76422d |
| 木星 | 木星 | 4332.589 | ＃C0A48E | ＃322 |
| 土星 | 土星 | 10759.95 | ＃F7F9E3 | ＃5C4553 |
| 天王星 | 天王星 | 30799.095 | ＃A7E115 | ＃19243a |
| ネプチューン | ネプチューン | 60152.95 | ＃0661b2 | ＃1E3B73 |
<canvas id = canvas width = 1000 height = 1000 style = background-color：＃000;> </canvas>
コードをコピーします