canvas图形绘制——斗志的html5学习笔记(4)
首先再次和大家分享一下基础的canvas模板,下面的例子我们将只会为大家展示draw函数内“var cxt=myCanvas.getContext("2d");”以下的代码:
<!DOCTYPE html>
<html>
<head>
<title>myCanvas</title>
<script type="text/javascript">
function draw()
{
var myCanvas=document.getElementById("myCanvas");
var cxt=myCanvas.getContext("2d");
}
</script...
canvas基础——斗志的html5学习笔记(3)
<canvas id="myCanvas" width="150" height="150"></canvas>
好吧这就是传说中的<canvas>元素,它可以帮助你实现在网页上玩儿涂鸦或者制作游戏的梦想。它只有两个属性, width 和 height ,不填的话默认 width="300",height="150"。canvas的宽和高也可以通过css来进行设置,不过使用css改变canvas的高度有可能会造成渲染结果变形,所以不建议使用。
因为canvas元素比较新所以在使用的时候需要加入替换内容,具体方法很简单:
<canvas>这里加入替换元素</canvas>
canvas初始化是空白的,要...