Este demo mostra alguns objetos girando em torno de outros objetos. Mostra também um exemplo de gradiente, que pode ser visto com o navegador Epiphany (Gnome), Seamonkey ou Firefox ou Opera 11.60. e dá uma aparência mais sólida aos círculos maiores. Fazer coisas girar com canvas é fácil. Podemos, inclusive, escolher um eixo de rotação arbitrário para cada objeto. Não é exatamente uma rotação de planetas, porque eu quis economizar espaço, e a órbita elíptica exigiu uma área maior do canvas.
Para ver ele girando clique no botão Play ou na pŕopria figura. No Firefox você pode salvar essa imagem clicando sobre ele e escolhendo salvar como ou guardar como. Pode até exibir a imagem como um elemento separado no navegador.
Código Fonte
rotacao2D.js
Você pode não enxergar esse código no iframe com o IE. Não sei a razão disso.