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

Ie8-canvas tags take effect only once in a html

本文关键字：一次 标签 html Ie8-canvas      更新时间：2023-09-26

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

<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>生效。在IE8和Chrome中
如果我删除第一个<canvas>，第二个将生效。
在控制台中显示对象不支持getContext。但是当我删除第二个<canvas>时，它不会显示。
我使用window.onload = function() {}来覆盖我的代码。
我已经包含了js包，如html5shiv.js excanvas.js，以启用<canvas>

我终于解决了。我从<canvas>中删除px，像这样:
<canvas id="zftChart" width="320" height="200" ></canvas>

相关文章：