Tag: javascript

使用图像创建Canvas元素并附加到父级: 我需要创建带有图像的Canvas元素，并且需要附加到父级，因为我已经完成了这个 window.onload = function() { var canvas = document.createElement(‘canvas’); var context = canvas.getContext(“2d”); canvas.id = “canvas_id”; canvas.setAttribute(“class” ,”canvas”); canvas.height = “400”; canvas.width = “800”; var image = new Image(); image.src = “http://localhost/tile.png”; image.onload = function(){ context.drawImage(image, canvas.width, canvas.height); } document.body.appendChild(canvas); } 它给空白canvas 有人可以指导我吗？

动画div元素从左到右动画: 我有一个由div组成的菜单系统，我希望每次用户鼠标hover在菜单项上时滑动左侧属性，但是当菜单项从左向右移动时我需要外部div（黑色）元素展开我也希望div元素（.container）向后滑动并收缩外部div元素（这个黑色div是0宽度）我有一个基本的例子在jsFiddle完成它olny将元素移动到左边

旋转后，在正确的位置绘制图像: 如您所见，我尝试在canvas中旋转图像： https://jsfiddle.net/1a7wpsp8/4/ 因为我在[0, image_height]周围旋转了图像[0, image_height]图像信息丢失了。缺少部分头部，并且“canvas”的高度现在变小，以显示整个旋转图像。为了解决这个问题，我想我必须将旋转原点更多地向右移动并增加canvas高度。我添加了一个方法，以特定的角度获取原点周围的旋转点： function rotate(x, y, a) { var cos = Math.cos, sin = Math.sin, a = a * Math.PI / 180, xr = x * cos(a) – y * sin(a); yr = x * sin(a) + y * cos(a); return [xr, yr]; } 有了这个我试图计算新的旋转原点，但失败了。旋转图像的首选方法是什么？如何在canvas上显示完整图像，没有红色边框？谢谢https://jsfiddle.net/1a7wpsp8/4/

如何通过Javascript将表行添加到ASP.NET中的服务器？: 之前已经问过这个问题：在asp.net webform中通过javascript添加访问表行。对重复的问题道歉，但我真的想解释为什么会这样。这可能是由于我对浏览器在提交到服务器时如何处理HTML表格缺乏了解。如果我在aspx页面上有一个表或控件，并且我使用JQuery / Javascript在客户端添加行，为什么我不能在回发后的服务器中添加这些添加的行？我一直试图让这个工作，看起来我不能根据前一个问题的答案做到这一点。但有人可以解释为什么会这样吗？表本身可以在post-back中返回，但是唯一存在的行是在最初发送到浏览器时作为表的一部分的行 – 它不包括浏览器添加的行。我原本以为有一种方法可以在回发中包含这些新行，就像任何客户端用户输入一样？

我可以索引javascript数组以匹配php变量的一组结果: 我将搜索结果发送到jquery窗口 – 确切地说是10。如果用户选择第4个结果，我希望将该特定结果分配给javascript变量。接下来代码的底部是我认为我需要以某种方式索引javascript变量？然后在这段代码的顶部，我想我可以分配用户选择的号码。我已经弄明白了如何获取用户选择的数字。同样在下面代码的底部，您将看到我在哪里注释了我的索引javascript变量以匹配相同的php变量的尝试。 $(function() { $( “#dialog” ).dialog({height: 550, width: 450}); $( “.submit” ).click(function(){ //if(this.id.indexOf(‘select’)>-1) {var id = (this.id.split(” “))[1]; console.log(id);} //bookSelect = id; $.ajax({ type: “POST”, url: ‘book-meta.php’, async:true, dataType: ‘json’, //assign values to the variables to be passed to the server via data data: { B : B, […]

jQuery电子邮件正则表达式: 我一直在开发一个脚本，现在我很难过。我尝试过很多来自谷歌的Regex并没有用过，这是我的代码： $(document).ready(function() { var email_check = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[AZ]{2,6}$/; num = 0; $(‘#email’).focus(function() { $(‘#email_check’).show(); $(this).keyup(function() { error = 0; var email = $(‘#email’).val(); num = num+1; if(!email_check.test(email)) { error = 1; } if(error == 0) { $(‘#email_check’).html(‘O’+num+email+error); }else if(error == 1) { $(‘#email_check’).html(‘X’+num+email+error); } }); }); }); 任何帮助都很棒，谢谢！

在asp.net中使用dropzone.js: 因为几天我试图用拖放界面实现多个文件上传。我搜索了很多，最后从http://www.dropzonejs.com/找到了我的确切要求我从上面的网站尝试了相同的步骤。但是，我无法在我的aspx页面中实现此dropzonefunction。

无法通过jsPDF从Html div制作PDF: 我有这个js代码： var doc = new jsPDF(); $(‘#pdf_new’).click(function(){ var html=$(“.wrap_all”).html(); doc.fromHTML(html,200,200, { ‘width’: 500, }); doc.save(“Test.pdf”); }); 在HTML中我有这样的代码： …. …. 什么都行不通……控制台回到我身边：无法读取未定义的属性#wrap_odd “ （PS对不起我的英文）

将JQM Panel限制为仅限页面上的1个实例: 我正在使用单页开发JQM主题。我还有一个侧栏/面板，它是作为一个单独的html文件构建的。使用以下JS将此面板导入JQM页面; /* Creates the functionality to open the left side panel with a swipe */ $(document).one(“pagebeforecreate”, function () { $.get(‘left-panel.html’, function(data){ $.mobile.pageContainer.prepend(data); $(“[data-role=panel]”).panel().enhanceWithin(); // initialize panel }, “html”); }); 我已经将这个脚本放在每个页面底部加载的js文件中，因为“移动站点”的用户可以通过任何页面进入。我已经通过Firebug注意到，我导航到的每个页面都会添加一个面板实例。因此，如果我访问3页，面板将被加载3次，4页= 4个面板等。可以说我在JQ和JQM上相当新手，但我的印象是使用 $(document).one 意味着事件每页只发生一次，因此会阻止我遇到的问题。如果你可以帮我弄清楚如何防止这个问题，我真的很感激。

IE9 – 函数错误：’ArrayBuffer’未定义ReferenceError：’ArrayBuffer’未定义: 我已经创建了一个下载pdf的应用程序。 pdf基于html表。应用程序在所有浏览器中都运行良好，但是当我在IE9中运行时，我Error in function : ‘ArrayBuffer’ is undefined ReferenceError: ‘ArrayBuffer’ is undefined遇到Error in function : ‘ArrayBuffer’ is undefined ReferenceError: ‘ArrayBuffer’ is undefined 。由于IE9是基于HTML5的浏览器，jspdf应该可以工作。工作演示 function demoFromHTML() { var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); pdf.cellInitialize(); pdf.setFontSize(10); $.each($(‘#customers tr’), function (i, row) { if ($(row).text().trim().length !== 0) { $.each($(row).find(“td, th”), function (j, cell) { […]