如何使用HTML&；放置徽标；JavaScript

我试图把标志放在第一位，在渐变代码的右边。此代码用于Microstrategy（商业智能工具）登录页。我们之前使用了更简单的代码。我需要帮助，使第二个代码块的工作方式与第一个相同

企业报告


您的浏览器不支持HTML5画布标记。
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
var c1=document.getElementById（“myCanvas”）；
var ctx1=c.getContext（“2d”）；
var gradient=ctx.createLinearGradient（0,0,900,0）；
渐变。添加颜色停止（0，#7AC143“）；
渐变。添加颜色停止（0.5，#3DA040“）；
渐变。添加颜色停止（1，#007A3C）；
ctx.textAlign='左'；
ctx.fillStyle=渐变；
ctx.fillRect（0,20,900,75）；
ctx1.fillStyle=“白色”；
ctx1.font=“40px Helvetica，无衬线”；
ctx1.fillText（“企业报告”，450，65）；

最大的问题是画布不在表中。您需要将其包含在新的表格单元格中（

）

您的浏览器不支持HTML5画布标记。

另外，在HTML中间插入脚本标记通常是不好的做法。我会把脚本放在画布上

最后，您提到您是HTML新手（可能是一般编码？）。阅读正确格式化的代码要容易得多

包含多种不同类型操作的长行代码难以解析和理解（更不用说不滚动读取）

您的浏览器不支持HTML5画布标记。

---

而不是像我的回答那样更有序的代码。TDs被破坏了。其中包含的材料是缩进的，因此您可以很容易地判断哪些信息属于哪个TDs（我也会对DIV、TABLE、TRs等做同样的处理）。

这可能不可行，因为这是预先存在的代码，但如果您可以避免使用表进行布局，这也会有所帮助。感谢Chris G。在将画布包含在表中之后，它开始工作了。但当我试图把脚本放在画布上时，我的渐变并没有显示出来。所以我恢复了，把画布放在脚本的顶部。

<TD style="BACKGROUND: white" width="30%" align=left>
  <IMG src="https://upload.wikimedia.org/wikipedia/en/d/d8/Url-logo.png" width=245 height=230>
</TD>
<TD>
  <CANVAS id=myCanvas style="BORDER-TOP: #d3d3d3 1px solid;     BORDER-RIGHT: #d3d3d3 1px solid; BORDER-BOTTOM: #d3d3d3 1px solid; BORDER-LEFT:     #d3d3d3 1px solid" height="115" width="900">
    Your browser does not support the HTML5 canvas tag.
  </CANVAS>
</TD>

<TD style="BACKGROUND: white" width="30%" align=left><IMG     src="https://upload.wikimedia.org/wikipedia/en/d/d8/Url-logo.png" width=245     height=230></TD><CANVAS id=myCanvas style="BORDER-TOP: #d3d3d3 1px solid;     BORDER-RIGHT: #d3d3d3 1px solid; BORDER-BOTTOM: #d3d3d3 1px solid; BORDER-LEFT:     #d3d3d3 1px solid" height="115" width="900">Your browser does not support the     HTML5 canvas tag.