<canvas>标签

来源：互联网发布：wap商城源码编辑：程序博客网时间：2024/06/05 21:53

浏览器支持：
IE 9，Opera，Firefox , Chorme , Safari
提示：
1、<canvas>标签只是容器，必须使用脚本来绘制图形。
2、fillStyle在fillRect()之后无效，只会显示默认颜色（#000000）。
3、<canvas>标签width默认值300，height默认值150。
4、重设<canvas> 标签的width和height值，画布内容会清空。
5、我们可以在<canvas> 标签的开始标签和结束标签之间可以放置一段文本，当浏览器不支持<canvas> 标签时，这段文本将显示在<canvas> 标签所在的位置上，使用者就会明白<canvas> 标签不适用于此浏览器。

<!DOCTYPE html><html lang="zh-cmn-Hans"><head>  <meta charset="utf-8">  <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">  <meta name="viewport" content="width=device-width,initial-scale=1.0">  <title>test</title>  <!--[if lt IE9]>  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>  <![endif]--></head><body><canvas id="test_canvas">此浏览器不支持，内容未显示。</canvas><script>  var c = document.getElementById("test_canvas");  c.setAttribute("width","300");  c.setAttribute("height","300");  var cObj = c.getContext("2d");  cObj.fillStyle = "lightBlue";  cObj.fillRect(0,0,300,300);</script></body></html>

效果：
这里写图片描述

阅读全文

0 0