JavaScript 绘制 canvas

CANVAS

• Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等

一、canvas 支持

• 浏览器支持 canvas 的话里面的html元素就不会显示，不支持的话p标签里面的内容就能看到了

<canvas id="test-stock" width="300" height="200">
    <p>Current Price: 25.51</p>
</canvas>

• js里面用 canvas.getContext 判断浏览器是否支持 canvas

var canvas = document.getElementById('test-canvas');
if (canvas.getContext) {
   
    console.log('你的浏览器支持Canvas!')