Javascript HTML画布图像未显示？

我使用HTML画布分别编码了一个徽标。现在，我想把它添加到我拥有的网站原型的代码中。问题是，每当我尝试向站点添加代码时，它都不会出现。它留下了一个很大的空间，图像应该在这里显示，但没有其他

下面是我试图添加到站点的徽标的.js代码：

  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');

  context.shadowColor = "black";
  context.shadowOffsetX = 5; 
  context.shadowOffsetY = 5; 
  context.shadowBlur = 6;

  context.beginPath();
  context.arc(150, 96, 50, 0, Math.PI, false);
  context.closePath();
  var grd=context.createRadialGradient(90,100,3,90,40,100);
  grd.addColorStop(0.5,"33c3e3");
  grd.addColorStop(0,"a7eaf9");
  grd.addColorStop(1,"00cccc");

  context.fillStyle = grd;
  context.fill();

  context.font = "15px Georgia";
  context.fillStyle = "#003366";
  context.textAlign = "center";
  context.fillText("Design This Site", canvas.width/2, canvas.height/3.5); 


  context.beginPath();
  context.arc(150, 60, 50, 0, Math.PI, true);
  context.closePath();

  context.fillStyle = '#33c3e3';
  context.fill();

这是我的网站代码，它不会出现在这里。（我已将非工作的.js包含在“wrapper”类下，我最初在测试时将其放置在该类中）：

原型联系页面





联系我


你叫什么名字？



电子邮件



联系原因



您的信息

您的消息…


|  
新网站更新！

已添加投资组合样本[10.14.2016]


新增链接[10.14.2016]

在您的色码前放置英镑符号，如：

grd.addColorStop(0.5,"#33c3e3");
grd.addColorStop(0,"#a7eaf9");
grd.addColorStop(1,"#00cccc");

---

谢谢一开始我没注意到！我加上了英镑的标志，但标志似乎仍然没有显示出来。嗯，它出现在这把小提琴上。我将JS放在一个脚本标记中，并替换了您对canvas2.JS的引用。我也看到你有一个结束标记，但没有开始标记。试着把它扔掉，也许？如果我把小提琴挂上会有帮助的控制台里有消息吗？找到您的脚本？请尝试将代码放入函数

函数myLogo（）{…此处的代码}

中，然后通过onload事件

窗口调用该函数。addEventListener（“load”，myLogo）

@kaido-我没有看到任何消息。只是一个空白区域，图像应该在那里。不确定是否找到我的脚本。您可以通过在js文件中的任何位置添加

console.log（'should run'）

或查看

grd.addColorStop(0.5,"#33c3e3");
grd.addColorStop(0,"#a7eaf9");
grd.addColorStop(1,"#00cccc");