Tag: JavaScript

用JavaScript下载图片: 现在我有一个canvas ，我想把它保存为PNG。我可以用所有那些复杂的文件系统API来做，但是我不太喜欢它们。我知道是否有与download属性的链接： <a href="img.png" download="output.png">Download</a> 它会下载文件，如果用户点击它。所以我想出了这个： $("<a>") .attr("href", "img.png") .attr("download", "output.png") .appendTo("body") .click() .remove(); 演示： http : //jsfiddle.net/DerekL/Wx7wn/ 但是，它似乎并没有工作。是否必须由用户操作触发？或者为什么它不工作？

在jQuery中，是通过类或idselect比其他属性select更快？: 基本上是 $("#someid") 要么 $(".someclass") 比…快 $("[someattr='value']") 我会想象它是（也就是说，由idselect是最快的，然后是类，然后属性），但有没有人知道肯定？

从HTML5 Canvas获取二进制（base64）数据（readAsBinaryString）: 有什么方法可以将HTML Canvas的内容作为二进制数据读取吗？目前我已经得到了下面的HTML来显示一个input文件和它下面的canvas： <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input id="fileInput" type="file"/></p> <p>Canvas<canvas id="myCanvas" width="578" height="200"/></p> 然后我设置我的input文件正确设置canvas，它工作正常： $('#fileInput').on('change', function() { $.each(this.files, function() { var image = new Image(); image.src = window.URL.createObjectURL(this); image.onload = function() { $("canvas").drawImage({ source: image, x: 50, y: 50, width: 100, fromCenter: false }); }; }); }); 我现在需要从Canvas获取二进制数据（Base64编码），当button被点击时，它会将数据推送到服务器… 最终的结果是，我需要为用户提供select文件，裁剪/resize的function，然后单击一个button，编辑后的图像将被上传到服务器（我不能做服务器端由于服务器端的限制裁剪/resize…）任何帮助将是伟大的！干杯

有没有办法使用CSS3 / Canvas曲线/弧形文字: 我正在尝试使用CSS3，HTMLcanvas，甚至是SVG来制作曲线文字效果（请参阅下面的示例）？这可能吗？如果是这样，我怎么能达到这个效果呢？更新：澄清：这种方式将文本将是dynamic的。

为什么这个对象不是通过引用传递给它的东西呢？: 我知道在JS中，对象是通过引用传递的，例如： function test(obj) { obj.name = 'new name'; } var my_obj = { name: 'foo' }; test(my_obj); alert(my_obj.name); // new name 但为什么不下面的工作： function test(obj) { obj = {}; } var my_obj = { name: 'foo' }; test(my_obj); alert(my_obj.name); // foo 我已经设置对象{} （空），但它仍然说foo 。任何人都可以解释这背后的逻辑吗？

如何在jQuery中截断string？: 我有很长的标题，想要截断它们，但是没有任何词语突破，我的意思是切割之间发生不切词的词语。我怎样才能使用jQuery？

用Javascript在新窗口中打开url: 我正在制作一个“分享button”来分享当前页面。我想采取当前页面的URL，并在新窗口中打开它。我有当前的URL部分工作，但似乎无法得到下一部分的工作。我正在努力的语法。我想指定新的窗口大小为width=520, height=570 。就像是： <a target="_blank" href="https://www.linkedin.com/cws/share?mini=true&url=[sub]" onclick="this.href = this.href.replace('[sub]',window.location)">LinkedIn</a> 有任何想法吗？

不区分大小写xpath contains（）可能吗？: 我正在运行DOM的所有文本节点，并检查nodeValue是否包含某个string。 /html/body//text()[contains(.,'test')] 这是区分大小写的。但是，我也想抓住Test ， TEST或TesT 。这是可能的XPath（在JavaScript中）？

Access-Control-Allow-Origin不允许源http：// localhost：3000: XMLHttpRequest cannot load http://localhost:8080/api/test. Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin. 我阅读了关于跨域的Ajax请求，并了解了底层的安全问题。就我而言，2台服务器在本地运行，并且喜欢在testing期间启用跨域请求。 localhost:8080 – Google Appengine dev server localhost:3000 – Node.js server 我正在向localhost:8080 – GAE server发出一个ajax请求，而我的页面是从节点服务器加载的。什么是最简单的，最安全的（不想用disable-web-security选项启动chrome）。如果我必须更改'Content-Type' ，我应该在节点服务器上执行吗？怎么样？

如何获得input的表单父项？: 当我只有一个INPUT的引用时，我需要获得对INPUT的FORM父代的引用。这是可能的JavaScript？如果你喜欢使用jQuery。 function doSomething(element) { //element is input object //how to get reference to form? } 这不起作用： var form = $(element).parents('form:first'); alert($(form).attr("name"));