Javascript HTML5画布创建振荡运动

我在文本编辑器上编写了以下HTML5画布代码：

window.onload=function（）{
var canvasPlanet=document.getElementById（“canvasPlanet”）；
var contextPlanet=canvasPlanet.getContext（“2d”）；
var canvasBG=document.getElementById（“canvasBackground”）；
var contextBG=canvasBackground.getContext（“2d”）；
var变化=.6；
var区间=33；
var半径=0；
var radiusMin=100；
var numStars1=2000；
var numStars2=400；
var numStars3=30；
var planetSize=12；
var-imageCount=0；
var xPos=canvasPlanet.width/2；
var yPos=canvasPlanet.height/2；
var角=0；
var radiusMax=175；
var colorStar1=“白色”；
var colorStar2=“灰色”；
var colorStar3=“darkgray”；
var-sunSize=45；
var-imageQuant=2；
contextBG.fillStyle=“黑色”；
contextBG.fillRect（0，0，canvasBG.width，canvasBG.height）；
对于（var n=0；n

您的浏览器当前不支持HTML5画布。
您的浏览器当前不支持HTML5画布。

我已更新代码以显示画布和对象

window.onload=function（）{
var canvasPlanet=document.getElementById（“canvasPlanet”）；
var contextPlanet=canvasPlanet.getContext（“2d”）；
var canvasBG=document.getElementById（“canvasBackground”）；
var contextBG=canvasBackground.getContext（“2d”）；
var变化=.006；
var区间=33；
var半径=1000；
var radiusMin=100；
var numStars1=2000；
var numStars2=400；
var numStars3=30；
var planetSize=12；
var-imageCount=0；
var xPos=canvasPlanet.width/2；
var yPos=canvasPlanet.height/2；
var角=0；
var radiusMax=175；
var colorStar1=“白色”；
var colorStar2=“灰色”；
var colorStar3=“darkgray”；
var-sunSize=45；
var-imageQuant=2；
contextBG.fillStyle=“黑色”；
contextBG.fillRect（0，0，canvasBG.width，canvasBG.height）；
对于（var n=0；nWell，我刚刚点击了“runsnippet”，并收到了错误“SyntaxError:Unexpected token
{
”。也许你应该先修复你的语法？第54行错误：js
sun.onload（）{
改为
sun.onload=function（）{
和第86行：js code>contextPlanet.rotate（（Math.PI）/180*）-change）

您忘记了要乘什么