jQuery+html5开发

这两天没啥好看的。就来玩下html5吧。

看的书是 rob hawkes 的Foundation HTML5 Canvas

做js已经离不开jquery。

下面是书中jquery的一个例子

$(document).ready(function() {
// Put the Javascript you want to run after the page loads in here
});

美元符号可能是jquery中的一种方法。书中说这个叫做选择器，允许你选择DOM中的一个元素。

再比如

var canvas = $("#myCanvas");//这个代码上次发现无法获得canvas，后来发现Javascript代码要放在canvas标签后面 2012-5-4
var cOntext= canvas.get(0).getContext("2d");

jquery的第一个方便的地方就是这个选择器。

然后就是对这个context的各种涂鸦了。这个学生应该会有兴趣。比算法和ui设计有趣多了。--2012-3-16

上面的代码今天试了下，无法获取到canvas。chrome，ie9都不行。

改成如下的代码

 var canvas = $(document).get(0).getElementById("MyCanvas"); 可以获取到canvas。

用canvas的画图功能，可以用简单的几何形状画图。

如图：