canvas网站模板_canvas webgl

以下是一个基于 HTML5 Canvas 的简单网站模板,可用于快速创建自己的canvas网站。
```html









>
// 获取 canvas 元素
const canvas = document.getElementById("myCanvas");
// 获取画布上下文
const ctx = canvas.getContext("2d");
// 设置画布大小
canvas.width = 240;
canvas.height = 360;
// 绘制文本
ctx.font = "14px Arial";
ctx.fillStyle = "red";
ctx.fillText("Hello, World!", 10, 10);
// 绘制按钮
ctx.fillStyle = "blue";
ctx.fillRect(50, 50, 100, 100);
ctx.strokeRect(50, 50, 100, 100);
// 关闭画布上下文
ctx.clearRect(0, 0, canvas.width, canvas.height);



```
这个模板包含一个 canvas 元素,并使用 JavaScript 绘制了一个简单的文本和一个按钮。您可以根据需要进行更改和定制,例如更改颜色、字体和大小等。