草庐IT

html5canvas

全部标签

javascript - 如何从 HTML 文档中获取仅文本(无标签)?

我有一个HTML页面,我只需要文本(所有文本节点)。示例HTMLhellosir期望的输出hellosir 最佳答案 假设您只想要body元素的子元素...示例HTMLExampleabcJavaScriptvarbody=document.body;vartextContent=body.textContent||body.innerText;console.log(textContent);//abc您需要检查textContent,因为我们的好friendIE使用innerText。如果你有一个像jQuery这样的图书馆,事情

javascript - IE 9 中 <canvas> 的 z-index 问题

我遇到一个关于的z-index的奇怪问题;在IE9中不呈现为正确的图层。请看一下这个jsfiddle:http://jsfiddle.net/xacto/MTUHX/它应该是这样工作的:红色轮廓框应带有超链接并位于顶层。青色应该是下一层。绿色背景的框应该在底部。这在Chrome、Firefox甚至IE8中都可以正常工作。但是,在IE9中,青色是顶层,除了底部的小区域没有覆盖青色外,红色轮廓的超链接框不再可点击。.这是另一件值得注意的事情:如果您更改到即更改行:varcan=$('').css({...到varcan=$('').css({...它也适用于IE9。这让我相信这是一个相关问

javascript - facebook javascript SDK : FB. Canvas.setAutoResize iFrame 不工作?

我们使用ruby​​/rails和facebooker(iframe应用程序)构建了一个facebook应用程序,目前卡在FB.Canvas.setAutoResize上,在某些情况下似乎会失败。使用facebook开发人员文档中的示例(参见http://developers.facebook.com/docs/reference/javascript/)。一旦你进入一个高于800px的页面,自动调整大小就会失败-也就是说,只要Canvas变大它就可以工作,而不是当它变小时。有人有线索或解决方法吗?这是调整大小的代码片段window.fbAsyncInit=function(){FB.

javascript - 旋转时的 HTML5 Canvas : Calculating a x, y 点

我开发了一个HTML5Canvas应用程序,它涉及读取一个xml文件,该文件描述了我需要在Canvas上绘制的箭头、矩形和其他形状的位置。XML布局示例:如果对象被旋转,它涉及计算一个点的位置(称为P旋转后对象的新位置)当围绕另一个点(左,上)旋转时。我试图想出一个通用的函数/公式,我可以用它来计算这个点P,但我的数学有点弱,我无法确定我打算使用什么弧/切线公式。你能帮我想出一个公式,我可以用它来计算正负旋转的点P吗?在上面的例子中:point(14,446)是左上角点&point(226,496)是对象未旋转时的中点,所以point=(left+width/2,top+height/

javascript - 是否可以在不单击的情况下一次显示 HTML Select 表单域中的所有选项?

我正在为任务状态选择字段使用X-EditablejQuery就地编辑库。它的所有阶段如下所示:点击状态然后隐藏状态SPAN并显示隐藏的选择字段。您可以单击选择字段,使其下拉并显示所有可用选项。点击一个新的选择选项值,然后在它发出AJAX请求以保存该值时显示加载微调器图像然后显示新选择的状态值SPAN。再次点击重新开始循环/过程。不过,我正在尝试想出一种更好的方法来选择新值。只有3个选择选项,所以我想一次显示所有3个项目,而不是要求您单击下拉菜单以查看其他2个选项。是否可以通过基本选择来做到这一点,还是需要一个多选字段? 最佳答案 h

javascript - iPhone HTML5 应用程序滚动问题

我不知道这是否可能或谷歌如何找到它,但你可以添加:它会让你无法左右滚动,只能上下滚动。有没有办法让它在你到达终点时不产生过度滚动效果,而是继续滚动然后弹出?就像Cocoa应用程序一样,我注意到“过度滚动”有时它们具有相同的背景颜色,所以它看起来不像Safari的,或者根本就没有这样做? 最佳答案 您所谓的过度滚动称为弹跳。不幸的是,没有记录在案的方法来关闭UIWebView中的弹跳。你可以查看UIScrollView中弹跳相关的方法。UIWebView拥有UIScrollView但不公开它。要防止水平滚动,您只需确保您的网页适合视口

javascript - 游戏循环 requestAnimFrame (javascript/canvas)

我正在为此苦苦挣扎,似乎无法找到更多引用资料。我正在使用由Google编写的requestAnimFrame:requestAnimFrame=(function(){returnwindow.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(/*functionFrameRequestCallback*/cal

javascript - 如何在 Javascript 生成的 HTML 表单中包含 Django 1.2 的 CSRF token ?

我最近升级到Django1.2.3,我的上传表单现在坏了。每当我尝试上传时,我都会收到“CSRF验证失败。请求已中止。”错误信息。看完Django'sdocumentation在这个主题上,它声明我需要在HTML中添加{%csrf_token%}模板标签在我的模板中。不幸的是,我的是通过JavaScript生成的(具体来说,是ExtJs在面板上的“html”属性)。长话短说,如何将所需的CSRFtoken标记添加到我的当我的不包含在Django模板中? 最佳答案 另一种选择是调整theDjangodocs中所示的基于cookie/h

javascript - 在 html5 Canvas 上拖动和调整图像大小

我正在构建一个HTML5Canvas图像编辑器。将图像上传到Canvas后,我需要拖动并在Canvas上调整大小。我设法上传了一张图片并使其可以在Canvas上拖动。但我需要让它也可以沿着Canvas调整大小。提前致谢。varImg=newImage();Img.src=file;Img.onload=function(){context.drawImage(Img,50,0,200,200);}mouseMove=function(event){if(down){context.clearRect(0,0,800,500);context.translate(0,-50);conte

javascript - 使用后如何从 GPU 清理和卸载 WebGL Canvas 上下文?

如何清理WebGL上下文程序并从GPU和dom元素卸载程序、缓冲区和所有内容?我想确保我们没有乱扔垃圾。此外,如果可能的话,重用Canvas会很好(我不知道它是2d还是webgl上下文)。 最佳答案 您可以只丢失对gl上下文和所有gl对象以及Canvas的所有引用,并从DOM中删除Canvas。不幸的是,因为JavaScript是垃圾回收的,所以不知道浏览器何时会真正释放内存。有一些一致性测试试图测试他们是否正确地做到了这一点,但如果你不想只是希望和祈祷,那么......通过对您创建的所有内容调用gl.deleteXXX释放您的所有