跳至内容

超文本标记语言/Canvas

来自 Wikibooks,开放世界中的开放书籍

<canvas> 标签允许用脚本方式绘制 2D 图形。虽然画布嵌入在 HTML 页面中,但可以利用 JavaScript 绘制画布。

渲染画布

<canvas id="e">This text will be displayed if the browser does not support canvas.</canvas>

JavaScript

var Canvas=document.getElementById("e");
var Context=Canvas.getContext("2d");
context.fillStyle="green";
context.fillRect(30,40,30,20);
context.strokeStyle="red";
context.strokeRect(30,40,30,20);
context.strokeText("Hello",30,40);
context.fillText("World",30,50);
华夏公益教科书