Ie8-canvas标签仅在html中生效一次

时间:2016-09-22 08:02:14

标签: javascript canvas internet-explorer-8

我尝试在一个html页面中创建两个饼图:

<div class="col-xs-6 col-sm-6 placeholder" >
    <div style="margin:0 auto"><canvas id="zftChart" width="320px" height="200px" ></canvas></div>
</div>
<div class="col-xs-6 col-sm-6  placeholder" >
    <div style="margin:0 auto"><canvas id="bocomChart" width="320px" height="200px" ></canvas></div>
</div>

但只有第一个<canvas>生效。 In IE8 In Chrome
如果我删除第一个<canvas>,第二个将生效。
在控制台中,它显示对象不支持getContext。但是,当我删除第二个<canvas>时,它将无法显示 我已经使用window.onload = function() {}来覆盖我的代码 我已经包含了js包,例如html5shiv.js excanvas.js来启用<canvas>

1 个答案:

答案 0 :(得分:0)

最后我解决了。我从<canvas>删除px,如下所示:
<canvas id="zftChart" width="320" height="200" ></canvas>
但我仍然不知道为什么这个问题会导致...