HTML5 Canvas

(*-*)浩

Lepaskan： 2019-10-24 15:11:49

asal

2238 orang telah melayarinya

canvas 元素用于在网页上绘制图形。

HTML5 Canvas

什么是 Canvas？

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 (推荐学习：html教程)

画布是一个矩形区域，您可以控制其每一像素。

canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

创建 Canvas 元素

向 HTML5 页面添加 canvas 元素。

规定元素的 id、宽度和高度：

<canvas id="myCanvas" width="200" height="100"></canvas>

Salin selepas log masuk

通过 JavaScript 来绘制

canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：

<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>

Salin selepas log masuk

Atas ialah kandungan terperinci HTML5 Canvas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

html5

sumber：php.cn

Artikel sebelumnya：HTML5 浏览器支持 Artikel seterusnya：html表格标签

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang