canvas中的getContext("2d")方法在jQuery中的使用中遇到的小问题解决办法

最近在学习HTML5的canvas,在练习过程中我突发奇想,既然原生的js可以完成画图,那么使用jQuery是否一样可以完成画图呢?然后我就开始动手进行试验,但是

var cxt=$("#clock").getContext("2d");

这一行代码并没有发挥作用,然后我就逛了查阅了一些资料并且逛了一些博客论坛,最终解决了这个问题。只需要改成下面这个样子就好了:

var cxt=$("#clock").get(0).getContext("2d");

不过发现这个问题的解决方案检索起来并不是很容易,大多都是关于canvas画图方面的知识,个人感觉这有点不利于后来的小伙伴解决这个问题哈,于是我就在这里把关键字整合到标题里面,以便于后面的小伙伴们检索到并解决这个问题的方法嘛。

http://stackoverflow.com/questions/2925130/jquery-equivalent-of-getting-the-context-of-a-canvas

上面这个链接是我找到解决问题答案的链接,有兴趣的小伙伴也可以看一下源作者的答案

时间: 2024-10-29 19:10:59

canvas中的getContext("2d")方法在jQuery中的使用中遇到的小问题解决办法的相关文章

通过JavaScript中的链式方法实现JQuery的链式调用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现JQuery的链式调用</title> </head> <body> <script> function A(){} A.prototype.v = 2; A.prototype.set = function(num)

append和appendTo的区别以及appendChild用法 (一个是js中,另两个是jquery中)

append和appendTo的区别以及appendChild用法 作者: 字体:[增加 减小] 类型:转载 很多新手朋友们对append和appendTo的区别以及js中的appendChild用法有所模糊,下面就举例为大家详细介绍下,感兴趣的朋友不要错过 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $('#a').append('content'); $('<div>con

项目中阶梯费率解决方法,数组中通过键名查找键值

<?php $a = 3.5;$arr = array("1"=>4,"2.5"=>5,"5"=>6);//小数做键名,需要加引号$arr = array_flip($arr); foreach ($arr as $key => $value) { $b[] = $value;} 主要思路就是把数组翻转,取出原数组所有键名组成一维数组,判断出在哪个阶梯范围,再去反转的数组中array_search出对应的键值,这个键

html5中data属性,dataset与jquery中的date()

首先是“你必须知道的28个HTML5特征.窍门和技术”里对date属性的分析: 我们现在可以很正式地让所有的HTML元素支持自定义属性.然而,以前,我们可能会这样: <h1 id=someId customAttribute=value>你好,我是以前的自定义属性<h1> …校验器会小题大做!但是现在,只要我们以”data”为前缀定义我们的自定义属性,盗版属性立马变成正牌的了.如果你发现你曾经把一个重要的数据附加在诸如class的属性上,可能为了JavaScript之用,那么,本属

IE下使用jQuery重置iframe地址时内存泄露问题解决办法

页面中有个iframe:  <iframe src='a.html'></iframe> <button>测试IFRAME泄露</button> 其中a.html内容如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script t

jquery uploadify 进入页面请求两次问题解决办法。

this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_image_url) 改为 this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);this.setti

jQuery编程中的一些核心方法简介

调用 jQuery 对象的方法很简单: $('h1').remove(); 大多数 jQuery 方法都是像上面这样被调用的,这些方法都位于 $.fn 命名空间内,这些方法称为 jQuery 对象方法. 但是也有一些方法不需要依赖于选择器的结果集,这些方法位于 jQuery 命名空间内,这些方法称为 jQuery 核心方法.如果觉得不好理解,记住下面两条即可: 所有 jQuery 选择器的方法都位于 $.fn 命名空间内. $ 内的方法一般都是一些实用的功能性方法,这些方法不依赖选择器,这些方法

jquery中attr方法和prop方法的区别

关于checked的属性,最重要的概念就是你要记住,它跟checked的状态值是毫无关系的,设置checked = "checked"或者checked = "true"等属性设置,和它的状态值true/false是无关的.,而这里的属性值,事实上只是和defaultChecked的状态值有关,并且只能用来设置checkbox的初始的值.checked的属性值并不会随着checkbox的的状态变化而变化,可是checkbox的状态值却会.因此,为了能更好的跨浏览器的

jQuery源码中的Ajax--get()/post()方法

load()方法通常用来在web服务器上获取静态的数据文件,如果需要传递一些参数给服务器中的页面,那就可以使用$.get()方法或$.post()方法. *$.get()方法和$.post()方法是jQuery中的全局函数 一.$.get()方法 $.get()方法是使用GET方式来进行异步请求.结构为: $.get(url [.data] [.callback] [.type]) 参数解释如下: 参数名称 类型 说明 url String 请求的HTML页的url地址 data(可选) Obj