HTML 五 Canvas API
日期：2014-05-17 浏览次数：20613 次
?
Canvas API?
是HTML 5 最新增加的功能，下面我将简单的介绍一下，Canvas到底是什么
?
Canvas API 是一个画图的画板，没有画板上画不了图的，其中画板默认为width 300 height 150
基本标签
<canvas></canvas>
?
可以加入id等attribute 进行css javascript限制
?
画板开始位置为0，0点，可相应的做偏移和移动
?
如何判断浏览器是否支持那
可参考下面代码
?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript">
function load()
{
try
{
document.createElement("canvas").getContext("2d");
document.getElementById("support").innerHTML = "Support";
}
catch (e)
{
document.getElementById("support").innerHTML ="Not Support";
}
}
</script>
</head>
<body onload="load();">
<div id = "support"> </div>
</body>
</html>
?
下面介绍一下浏览器对HTML 5 Canvas的支持情况
Chrome １.０
Firefox １.５
Internet Expｌｏrer 不支持
Opera ９.０
Ｓａｆａｒｉ １.３
?
那么现在就出现一个问题 Internet Explｏｒｅｒ 不支持怎么办？
?
还好现在有一个插件ExploreCanvas 解决了这个问题
?
<!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]-->
在Html中插入上面的话就能解决
?
具体的例子我提供在下面
?
下面说明一下Canvas API的内容
| width | キャンバスの領域の幅(ピクセル)。省略時は300ピクセル。canvasタグのwidth属性に対応。 |
| height |
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
