草庐IT

HTML表单

全部标签

javascript - 带有 HTML5 Canvas 的 putImageData 的掩码?

我想从现有图像中截取不规则形状的部分,并使用HTML5Canvas在Javascript中将其渲染为新图像。因此,只会复制多边形边界内的数据。我提出的方法涉及:在新Canvas中绘制多边形。使用clip创建mask使用getImageData(矩形)从原始Canvas复制数据使用putImageData将数据应用到新Canvas它没有用,整个矩形(例如来自边界外源的东西)仍然出现。Thisquestion解释原因:“规范说putImageData不会受到裁剪区域的影响。”该死!我还尝试绘制形状,设置context.globalCompositeOperation="source-in"

javascript - 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

我正在尝试克隆元素的样式对象。这应该允许我在更改后重置所述元素的样式。例如:el.style.left;//50pxcurr_style.left;//50px;/*Modifytheelementsstyle.Theclonedstyleshouldstillholdtheoriginalpropertiesfromwhenitwascloned.*/el.style.left='20px';curr_style.left//shouldstillreturn50px.我首先尝试通过将变量分配给el.style的值来复制它。不幸的是,这通过引用指向它,并且对样式的任何更改都会反射(r

javascript - html5 Canvas 图像不显示或图像未加载

我出于版权原因删除了链接!...抱歉!当你在Firefox中时,左边的图像(所有模型)被加载,刷新几次后,在chrome和safari中,它永远不会显示我认为这是一个图像未加载到内存的问题,但我不知道图像何时全部加载,我事件将脚本放在最后,但没有运气那么问题来了,应该怎么做才能加载图像...JavaScript代码中是否存在错误?注意我很难将图像编码为用于Canvas显示的base64...这样做是否可行或明智? 最佳答案 实际上,您可以确定所有图像何时完成加载。为此,您只需为图像对象的onload属性指定一个回调函数。所以,你最终

javascript - 动态嵌套表单 link_to_add 调用了两次

我正在使用ryanbatesnested_formgem将一些嵌套字段动态添加到表单。例如一切正常,除了每次单击链接时都会添加两个空字段。我在$('forma.add_nested_fields').live('click',function()上放置了一个断点并看到它被调用了两次...我在mac上使用chrome 最佳答案 查看标题。你会看到它在那里两次:只需删除第二个引用(可能在您的application.html.erb中)即可。 关于javascript-动态嵌套表单link_t

javascript - 如何从嵌入式 svg 调用父 html 文档中的函数

我对svg很陌生,我必须用它执行任务,但我遇到了很多麻烦。我有一个svg(例如map),其中包含由路径定义的区域。我的目标是触发onClick一个svg外部的函数来做一些事情(例如,通过ajax检索一些与所选区域相关的人数据,并将它们显示在html页面中的svg之外)。我无法做到的是从svg中的元素触发在svg外部定义的函数。如果我添加svg内联,我可以做到这一点,但我需要使用嵌入标签使其与ieAdob​​e插件一起工作。有什么建议吗?提前致谢。 最佳答案 参见thisexample.svg中的代码如下所示:document.get

javascript - 没有 jquery 或 iframe 的 AJAX 文件上传/表单提交?

是否可以在没有jQuery或IFrame的情况下提交AJAX表单(所以只是纯JavaScript)?我目前正在发送到一个有效的strutsfileUploadAction。该操作的代码是否仍适用于异步提交,或者是否需要添加其他内容来获取异步表单提交?我正在使用struts1.x,当前我的表单是:...formelements......otherelements...是否可以提交此表单,从而使用AJAX上传文件? 最佳答案 如果我理解正确,您可以使用以下代码异步上传文件。随意修改varAjaxFileUploader=functio

javascript - 在 html5 Canvas 上旋转对象后返回未转换的鼠标坐标

我在html5Canvas中围绕可变原点旋转对象。如果用户点击新旋转的矩形中的给定点,我需要将返回的鼠标坐标围绕同一原点旋转回来。我画了一个非常快速的图,希望能更好地说明:我基本上需要一个函数,它将实际单击的鼠标坐标作为x和y,并将它们转换为旋转之前的对象位置。varorigin={x:100,y:100};varangle=45;functiontransformCoordinates(x,y){//Performcalculationtotransformcoordinatesreturn{x:newx,y:newy};}可用的变量将是旋转和Angular变换原点。以及Canvas

javascript - 我可以在表单输入 [type ="file"] 中通过单击触发双击吗?

我有一个表单input用于提交文件,我对它进行了样式设置,因为我不喜欢原生样式。现在,我只有一个按钮,单击它会打开选​​择文件的对话框。在Firefox和Chrome上单击即可正常工作,但在IE中不起作用。按钮需要双击才能在IE中打开对话框。我尝试使用jQuery通过单击触发双击:$("input").click(function(){$(this).dblclick();});不过,好像不行。有没有其他方法可以触发IE的双击?这是演示:http://jsfiddle.net/HAaFb/ 最佳答案 像这样的事情怎么样:varcou

javascript - jQuery表单提交,防止第一次提交后多次发送

我正在制作一个使用jquery提交请求一些数据的网络应用程序,但我不希望人们在第一次提交后多次提交表单。所以我希望在提交之后,下一次提交在几秒钟内什么都不做。$("#updatestock_form").submit(function(e){//requestingmydata..});我怎样才能做到这一点? 最佳答案 "Soiwantafterasubmit,thatthenextsubmitdoesnothingforafewseconds."如果您的意思是您希望忽略用户的第二次和后续提交尝试,直到经过一定秒数后,您可以通过多种

javascript - 在提交表单上调用 javascript 函数

我在提交表单时尝试调用JavaScript函数。这是代码,但在提交函数时未调用,请提出一些建议,我也想使用javascript方法显示错误消息,如何使用JavaScript在验证中显示错误消息。UsernamePasswordConfirmPasswordEmailSubmit$(document).ready(function(){$("#register").validate({rules:{"Username":{required:true,},"Password":{required:true,minlength:5},"Confirm-Password":{required: