cari

Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >html canvas标签怎么用

html canvas标签怎么用

藏色散人
藏色散人asal
2019-05-26 09:15:253009semak imbas

html canvas标签用于定义图形，比如图表和其他图像，5ba626b379994d53f7acf72a64f9b697标签只是图形容器，通过脚本 (通常是JavaScript)来完成，可以使用canvas绘制路径,盒、圆、字符以及添加图像。

html canvas标签怎么用

canvas是什么意思？html canvas标签怎么用？

作用：定义图形，比如图表和其他图像。

说明：

5ba626b379994d53f7acf72a64f9b697 标签只是图形容器，通过脚本 (通常是JavaScript)来完成，可以使用canvas绘制路径,盒、圆、字符以及添加图像。

注释：

5ba626b379994d53f7acf72a64f9b697 标签是 HTML 5 中的新标签。Internet Explorer 8 以及更早的版本不支持 5ba626b379994d53f7acf72a64f9b697 标签。

html 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>

效果：

0076382acf0f8ff7915389d6af2f637.png

Atas ialah kandungan terperinci html canvas标签怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript html canvas
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 button标签怎么用Artikel seterusnya：html caption标签怎么用

Artikel berkaitan

Lihat lagi