This article mainly introduces the use of canvas to draw the solar system effects in html5. Friends who need it can refer to it
| Planet | Variable name | Orbital period | Light color | Dark color |
|---|---|---|---|---|
| Mercury | Mercury | 87.70 | #a69697 | #5c3e40 |
| Venus | Venus | 224.701.70 | #c4bbac | #1f1315 |
| Earth | Earth | 365.2422 | #78b1e8 | #050c12 |
| Mars | Mars | 686.98 | #cec9b6 | #76422d |
| Jupiter | Jupiter | 4332.589 | #c0a48e | #322 |
| Saturn | Saturn | 10759.95 | #f7f9e3 | #5c4553 |
| Uranus | Uranus | 30799.095 | #a7e115 | #19243a |
| Neptune | Neptune | 60152.95 | #0661b2 | #1E3b73 |
<canvas id=canvas width=1000 height=1000 style=background-color: #000;></canvas>
Copy the code