Rumah  >  Artikel  >  hujung hadapan web  >  html canvas标签怎么用

html canvas标签怎么用

藏色散人
藏色散人asal
2019-05-26 09:15:252963semak 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!

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标签怎么用