Rumah > Artikel > hujung hadapan web > HTML的<canvas>标签作用

HTML的<canvas>标签作用

(*-*)浩asal: 2019-12-09 14:20:522728semak imbas

HTML 5ba626b379994d53f7acf72a64f9b697 标签

HTML的<canvas>标签作用

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 5ba626b379994d53f7acf72a64f9b697 标签。

注：Internet Explorer 8 以及更早的版本不支持 5ba626b379994d53f7acf72a64f9b697 标签。 ( 推荐学习：html教程 )

定义和用法

5ba626b379994d53f7acf72a64f9b697 标签定义图形，比如图表和其他图像。

5ba626b379994d53f7acf72a64f9b697 标签只是图形容器，您必须使用脚本来绘制图形。

HTML 4.01 与 HTML 5 之间的差异

5ba626b379994d53f7acf72a64f9b697 标签是 HTML 5 中的新标签。

实例

如何通过 canvas 元素来显示一个红色的矩形：

<!DOCTYPE HTML>
<html>
<body>

<canvas id="myCanvas">your browser does not support the canvas tag </canvas>

<script type="text/javascript">

var canvas=document.getElementById(&#39;myCanvas&#39;);
var ctx=canvas.getContext(&#39;2d&#39;);
ctx.fillStyle=&#39;#FF0000&#39;;
ctx.fillRect(0,0,80,100);

</script>

</body>
</html>

Atas ialah kandungan terperinci HTML的<canvas>标签作用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

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 sebelumnya：HTML的删除线用什么标签Artikel seterusnya：HTML的<frameset>标签有什么作用

Artikel berkaitan

Lihat lagi