草庐IT

HTML2Canvas

全部标签

javascript - 如何使用 jsPDF 在 PDF 的两页中显示图像?

我有一个html页面。其中我有一个按钮,每当我单击此按钮时,它都会使用html2canvas将整个html页面转换为数据图像,并使用jsPDF库将其放入PDF中。我正在使用的javascript是$("#printButton").click(function(){html2canvas([document.getElementById('form1')],{onrendered:function(canvas){varimageData=canvas.toDataURL('image/jpeg',1.0);vardoc=newjsPDF('landscape');doc.addIma

javascript - canvg 生成的 Canvas 在视网膜屏幕上模糊

我正在使用Raphael绘制对象,然后使用canvg将其传输到HTMLcanvas元素,以便我可以使用toDataURL将其保存为PNG。但是当我使用canvg时,生成的图像很模糊。例如,下面的代码产生了这个(顶部是raphael,底部是canvg):vartest=Raphael("raph_canvas",50,50);varrect=test.rect(0,0,50,50);rect.attr({fill:'#fff000','fill-opacity':1,'stroke-width':1})window.onload=function(){varcanvas_svg=test

javascript - 如何使用 jQuery 淡入附加的 HTML?

我有以下代码行:varhtml="...";$("#id_name").append(html).fadeIn("slow");这会导致整个div#id_name淡入。我希望仅附加的HTML淡入。如何实现? 最佳答案 你可以这样做:$('').appendTo("#id_name").hide().append(html).fadeIn('slow'); 关于javascript-如何使用jQuery淡入附加的HTML?,我们在StackOverflow上找到一个类似的问题:

javascript - html javascript打开新窗口并关闭当前窗口

我有一个弹出窗口,在那个页面中,正文中有以下代码。目的是当用户单击图像链接时关闭此弹出窗口,并打开一个新页面并定向到http://www.example.com.它适用于IE和Chrome,但不适用于Firefox。弹出窗口关闭但没有打开新窗口。有什么想法吗? 最佳答案 是的,我可以重现这个-很有趣。setTimeout解决它:onClick="javascript:setTimeout(window.close,10);"我只能猜测,一旦窗口关闭(发生在超链接被跟踪之前),Firefox就会停止处理该页面。编辑:最好将其延迟10毫

javascript - 使用 javascript/jQuery 从 HTML 字符串中获取属性值

我有一个包含文本和图像的HTML字符串,例如......我需要获取第一张图片的src属性。该图像可能会或可能不会出现在之后并且可能有不止一张图片,或者根本没有图片。最初,我尝试将字符串附加到DOM并进行过滤。但是,如果我这样做,浏览器会请求所有外部资源。在我的情况下,这会增加很多不必要的开销。我最初的做法:varholder=$('');holder.html(content);varsrc=holder.find('img:first').attr('src');如何在不附加HTML的情况下获取第一张图片的src?我需要使用正则表达式,还是有更好的方法?解决方案需要基于javascr

javascript - jQuery:如何检测给定元素中的 html 是否已更改?

在javascript中,可能使用jQuery,我如何检测给定元素的html内容是否已更改?我希望能够做类似的事情:$('#myDiv').change(function(){//dosomestuff});我基本上是在尝试检测给定元素是否被添加到div中,或者给定元素(例如标签)的内部html是否已更改,然后根据内容隐藏或显示div。任何关于如何实现这样的smt的替代想法也很受欢迎。我希望我不必恢复到一些不起眼的插件来执行此操作!注意:这至少需要在IE8中工作! 最佳答案 您可以使用DOMLevel3事件DOMNodeInsert

javascript - 如何为html类添加事件监听器?

如果我有这样的HTML:和这样的Javascript:varmovie=document.getElementsByClassName("movieImg");varpreview=document.getElementsByClassName("preview");有什么方法可以addEventListener2moviea标签和预览div标签吗?我尝试循环,但是当我做类似的事情时:for(vari=0,j=movie.length;i我收到UncaughtTypeError:Cannotreadproperty'style'ofundefined。preview改为previewB

javascript - 使用 putImageData 从 Canvas 上的像素数组绘制图像

我正在开发一个可以加密图像并在Canvas上重绘解密图像的项目。由于我对编码和编程还很陌生,我目前在重绘解密图像数据时遇到问题,它是R、G、B、A形式的像素阵列。我认为这可以通过简单地将数据放入ctx.putImageData(imgd,0,0);但是firebug告诉我这个值没有实现imagedata的接口(interface)。我已经发布了整个数组here.图片宽160像素,高120像素。有什么方法可以重新格式化数组,使其可以在Canvas上绘制吗? 最佳答案 使用Uint8可以更快:varcanvas=document.cre

javascript - 在 WebGL 与 WebGL 中模拟基于调色板的图形 Canvas 二维

目前,我正在使用2Dcanvas上下文以大约25fps的速率从JavaScript绘制生成的图像(从一个像素到另一个像素,但在生成的帧之后作为整个缓冲区刷新一次)。生成的图像始终是每个像素一个字节(整数/类型化数组),并且使用固定调色板生成RGB最终结果。还需要缩放以适应Canvas的大小(即:进入全屏)和/或根据用户请求(放大/缩小按钮)。canvas的2D上下文可以用于此目的,但我很好奇WebGL是否可以提供更好的结果和/或更好的性能。请注意:我不想通过webGL放置像素,我想将像素放入我的缓冲区(基本上是Uint8Array),并使用该缓冲区(一次)刷新上下文。我不太了解WebG

javascript - 使用 jquery .html() 插入 html

我想将一大块html插入到预先存在的中.我正在使用这种方法:$("td#content").html(LOTS_OF_HTML_CODE_HERE);但它不起作用。我是菜鸟,有很多报价和'在似乎破坏它的HTMLblock中。执行此操作的正确方法是什么? 最佳答案 我建议将html统一为一个字符串...就像这样。htmlStr="";htmlStr+="someparagraph";htmlStr+="anotherparagaraph";$("#content").html(htmlStr);这样您就可以看到您的html在哪里崩溃了