浅谈jquery中使用canvas的问题
使用jquery控制canvas的时候会出现一些问题，
var cas=document.getElementById('canvas').getContext('2d');//这个是使用JavaScript的方法，这个没有问题。
//下面是使用jquery的方法操控canvas。
$(document).ready(function(){
var cas=$('#canvas').getContext('2d');<span style="white-space:pre"> </span>//出现问题，对象获取不到getContext()方法
cas.fillRect(10,10,100,100);
});
修改的方式为：
$(document).ready(function(){
var cas=$('#canvas')[0].getContext('2d');<span style="white-space:pre"> </span>//添加数值索引，转换为dom对象
cas.fillRect(10,10,100,100);
});
原因：jQuery()返回的是jQuery对象，而jQuery对象是没有getContext方法的，需要把jQuery对象转换成Dom对象，官方文档推荐的方法如上述代码，其实jQuery对象就是类数组，用数组下标可以取得Dom对象。
注意：HTML5使用canvas的时候，canvas的高度和宽度一定要使用内联的方式设置，否者画出的图形会变形。
以上就是小编为大家带来的浅谈jquery中使用canvas的问题全部内容了，希望大家多多支持小牛知识库~
-
本文向大家介绍浅谈jQuery中ajaxPrefilter的应用，包括了浅谈jQuery中ajaxPrefilter的应用的使用技巧和注意事项，需要的朋友参考一下 jQuery的定义了一个ajax过滤器ajaxPrefilter，通过该过滤器可以过滤通过jQuery相应的ajax函数发送的ajax请求。 在项目中，很多地方存在指定开始时间、结束时间来获取该时间区间内某些值随时间变化的过程线的需求，
-
本文向大家介绍浅谈jQuery中的事件，包括了浅谈jQuery中的事件的使用技巧和注意事项，需要的朋友参考一下 JQuery事件初见 1.JQuery中的事件绑定 其实呢，JQuery中标准的事件绑定是这样写下：（如下） 但是每次这样写，太过麻烦，还怎么做到Write less，Do more？ 所以我们习惯的简写成。 $("#btn").click(function(){ }) 这样就方便了
-
本文向大家介绍浅谈JavaScript中setInterval和setTimeout的使用问题，包括了浅谈JavaScript中setInterval和setTimeout的使用问题的使用技巧和注意事项，需要的朋友参考一下 说到setInterval，就不得不提到setTimeout，二者都是用于定时执行某函数，区别在于setTimeout 只执行一次，而setInterval可以一直连续不断执行
-
本文向大家介绍浅谈jquery回调函数callback的使用，包括了浅谈jquery回调函数callback的使用的使用技巧和注意事项，需要的朋友参考一下 回调函数必须是全局函数或者静态函数，不可定义为某个特定的类的成员函数 callback函数在当前动画100%完成之后执行 本文就先到这里了，希望对大家有所帮助
-
本文向大家介绍浅谈jquery设置和获得checkbox选中的问题，包括了浅谈jquery设置和获得checkbox选中的问题的使用技巧和注意事项，需要的朋友参考一下 1. 设置checkbox选中： 2. 通过点击修改checkbox的选中项 3. 获得checkbox中的选中值 以上这篇浅谈jquery设置和获得checkbox选中的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也
-
本文向大家介绍浅谈JavaScript中promise的使用，包括了浅谈JavaScript中promise的使用的使用技巧和注意事项，需要的朋友参考一下 阅读目录 什么是Prmoise Promise的使用 最近在看《你不知道的javascript中卷》，发觉作者花了基本一半的篇幅去讲异步和promise，觉得有必要总结一下。 其实本文的目的是想手写一个Promise的，无奈总结着总结着发觉篇幅