草庐IT

HTML2Canvas

全部标签

javascript - 用于叠加渐变的 HTML5 Canvas globalCompositeOperation 不会增加更高的强度?

我目前正在研究heatmap.js修复,我想知道是否有人知道是否可以使用实现以下效果的2d渲染上下文。我有一个从黑色(alpha0.5)到透明40像素半径的径向渐变。径向梯度的中心在x=50,y=50我有另一个从黑色(alpha0.5)到透明的径向渐变,半径为40像素。径向梯度的中心在x=80,y=50两个渐变是重叠的。我现在的问题是:重叠区域被加在一起导致比径向梯度中心更高的alpha值,从而显示错误的数据(例如,由于梯度之间的这些添加,热图中更热的区域)看看下面的gist,通过在您的控制台中执行它,您可以看到问题所在。预期的行为是:最暗的区域是渐变中心,两个渐变的重叠区域合并但不相

javascript - 通过 Html.BeginForm 提交激活加载动画

我想在用户点击提交按钮时显示加载动画。简单的gif就可以完成这项工作。这是我的代码:@using(Html.BeginForm("SData","Crawl")){EnterStartingURL:EnterNumberofThreads:} 最佳答案 编辑我错误地认为这个问题与AJAX助手有关。以下是使用HtmlHelper的方法。首先,向表单添加一个ID,以便您可以使用JQuery获取它:@using(Html.BeginForm("SData","Crawl",FormMethod.Post,new{id="myform"})

javascript - jQuery 选择动态创建的 html 元素

有很多与我的这个问题标题几乎相似的问题,但你知道我没有找到答案。我的简单问题是:我有按钮,当我点击它时,javascript创建模式窗口htmlhere...Close就在之后标签。我可以使用jQuerylive毫无问题地绑定(bind)关闭按钮的点击事件:$("#closeButton").live("click",function(){alert("asdf");//itcalls$("body").find(".aui-dialog").remove();});我的问题是,我无法通过类名选择动态创建的模态窗口div。这样我就可以调用jQuery.remove()方法来执行关闭操作

javascript - HTML5 canvas 中的简单加载动画

我正在寻找一个简单的图像加载动画。我想找到一个简短的解决方案,它只使用Canvas上的绘图和纯Javascript。求助 最佳答案 我会使用在线工具生成的加载GIF,例如Ajaxload.info或Preloaders.net并将它放在一个div标记中,您可以在Canvas元素前面切换该标记。有关更多微调器生成器脚本,请参阅5OnlineLoadingAJAXSpinnerGeneratorTools.希望对您有所帮助! 关于javascript-HTML5canvas中的简单加载动画,

javascript - 在不模糊的情况下调整 Canvas 图像的大小

我有一张小图片,正在Canvas上渲染,如下所示:ctx.drawImage(img,0,0,img.width*2,img.height*2);我希望这能显示清晰的放大图像(每个图像像素有4个相同的像素)。但是,此代码(在Mac上的Chrome29中)会产生模糊的图像。在Photoshop术语中,它看起来像是在使用“双三次”重采样,而不是“最近邻”。在它有用的情况下(例如复古游戏),是否可以生成清晰的放大图像,或者我是否需要为服务器上的每个图像尺寸创建一个单独的图像文件? 最佳答案 简单地关闭Canvas的图像抗锯齿-不幸的是这个

javascript - 如何在 Firefox 中从 JavaScript 解析 HTML?

在Firefox中解析(获取DOM树的)XmlHttpRequest的HTML结果的最佳方法是什么?编辑:我没有DOM树,我想获得它。XmlHttpRequest的“responseXML”仅在结果为实际XML时才起作用,因此我只能使用responseText。innerHTMLhack似乎不适用于完整的HTML文档(在中)。-事实证明它工作正常。 最佳答案 innerHTML应该可以正常工作,例如//ThiswouldbeaftertheAjaxrequest:varmyHTML=XHR.responseText;vartempD

javascript - 使用 Javascript 填充 HTML 表

我想使用JavaScript填充预定义的html表格:IDName使用document.getElementById('data').innerHTML=....但是自不允许在内上面的代码不起作用。实现这一目标的正确方法是什么? 最佳答案 您可以使用tr和td代替Div。functionaddRow(content,morecontent){if(!document.getElementsByTagName)return;tabBody=document.getElementsByTagName("tbody").item(0);r

javascript - 如何在不破坏 javascript 的情况下使用 Jquery 将 html 从一个 div 移动到另一个

我的网页的不同部分有两个div,一个工作部分和一个引用部分。一个是固定大小的,另一个是可变大小的,它们是垂直堆叠的。我正在尝试设计它,以便如果您想在引用Pane中处理某些内容,只需单击一个链接,它就会在两个Pane之间交换所有数据。我的想法是执行以下操作:varworking=$("#working_pane").html();varref=$("#reference_pane").html();$("#working_pane").html(ref);$("#reference_pane").html(working);这个问题似乎是这些Pane内引用的任何javascript(例如

javascript - 使用键盘控制在 Canvas 游戏中平滑 Angular 色移动

我正在使用canvas和JavaScript创建横向卷轴无尽太空主题游戏。我只是通过使用向上和向下箭头来控制一艘宇宙飞船,我想实现某种运动缓动,这样当我松开按键时,飞船就不会停止不动。我环顾四周,没有发现任何东西,而且我自己的尝试也没有奏效。这是我试过的。Jet.prototype.checkDirection=function(){if(this.isUpKey){this.drawY-=this.speed;if(this.speed=0){this.drawY-=this.speed;this.speed-=1;}}}if(!this.isDownKey){if(!this.is

javascript - Firefox 使用 drawImage 将 SVG 图像渲染到 HTML5 Canvas 时出错

我正在尝试使用Canvas将外部svg图标转换为base64png。它适用于除Firefox之外的所有浏览器,Firefox会抛出错误“NS_ERROR_NOT_AVAILABLE”。varimg=newImage();img.src="icon.svg";img.onload=function(){varcanvas=document.createElement("canvas");canvas.width=this.width;canvas.height=this.height;varctx=canvas.getContext("2d");ctx.drawImage(this,0,