相关疑难解决方法(0)

如何自动缩放HTML5 <canvas>元素以适合页面？

例如,我可以<div>通过将height和width属性设置为100%来进行缩放,但是<canvas>不会缩放,是吗？

我正在尝试使用Chart.js放置一个图表span6.Chart.js使用<canvas>并需要a height和widthproperty.我已经设置了height我需要的和width100%,但它没有拉伸来填充设置的div span6.

有任何想法吗？

<div class="row" style="padding-top: 20px;">
  <div class="span6">
    <div id="daily">
      <canvas id="daily-chart" width="100%" height="400px"></canvas>
    </div>
  </div>
</div>