• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>HTML5-embed和canvas标签

HTML5-embed和canvas标签

embed

embed标签定义嵌入的内容,比如插件

属性

  • height:设置嵌入内容的高度
  • src :嵌入内容的 URL
  • ype:定义嵌入内容的类型
  • width:设置嵌入内容的宽度。
<embed src="helloworld.swf" />

canvas

canvas元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成

canvas标签只是图形容器,您必须使用脚本来绘制图形

可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像

属性

  • width : 设置宽度
  • height :设置高度

实例:绘制一个红色的矩形

<canvas id="myCanvas" style="border: 1px solid #888;"></canvas>

<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>