[JavaScript基础]学习③⑦--Canvas

Canvas(HTML5)

是否支持Canvas

'use strict';
var canvas = document.getElementById('test-canvas');
if (canvas.getContext) {
    alert('你的浏览器支持Canvas!');
} else {
    alert('你的浏览器不支持Canvas!');
}

绘制2D

var ctx = canvas.getContext('2d');

绘制3D

gl = canvas.getContext("webgl");

绘制形状

Paste_Image.png

Paste_Image.png

绘制文字

Paste_Image.png