sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > jQuery+html5开发

jQuery+html5开发

作者:xuhongji发布时间:2020-09-05分类:Html浏览:227评论:0


导读:这两天没啥好看的。就来玩下html5吧。看的书是robhawkes的FoundationHTML5Canvas...

这两天没啥好看的。就来玩下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的画图功能,可以用简单的几何形状画图。

如图:




   
   

  • 欢迎访问我的博客
  •   IP:127.0.0.1
  •   地址:本地
  •   系统:Windows10
  •   浏览器:Chrome47