这是我的最后一段代码:
var canvas = document.getElementById('my-canvas');
var ctx = canvas.getContext("2d");
// Draw the window at the top left of canvas, width=100, height=200, white background
ctx.drawWindow(window, 0,0, 100, 200, "rgb(255,255,255)");
// Open another window with the
我正在尝试实际查看html2canvas呈现的字符串图像。我有一个从超链接打开的网页。最后,我想使用Image按钮来截取网页的屏幕截图。我正在获取base64字符串,但是如何查看字符串图像呢?
$(document).ready(function(){
html2canvas(document.body,{
onrendered: function (canvas){
var data = canvas.toDataURL();
alert(data);
我正在使用HTML2Canvas捕捉我的html页面的屏幕截图,并将其保存为服务器中的图像。我的Html包含一个d3.js图表和html元素。以svg的形式生成d3.js图表,因此为了捕获svg,我使用Fabric.js将svg转换为画布元素。在此过程完成后,我使用Html2Canvas作为图像捕获整个网页并将其保存在服务器中。
整个过程在Chrome和FF中运行良好。问题是当使用IE时。在IE 11中,除了图表画布元素之外,页面中的其他所有内容都会被捕获。
如能提供任何帮助,我们将不胜感激。
屏幕捕获代码:
函数SaveHtmlAsImage(项目)
{
//创建一个新的画布元素
var c
我有一个网页,其中有html元素和视频标签。我想只使用javascript/jquery/第三方插件捕获页面的屏幕截图。
我尝试过,它适用于html元素。不能捕获视频标签。
我尝试过使用canvas代码来捕获视频标签,使用的代码如下:
function drawImage() {
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var width = $('#video').outerWidth();
var
使用Virtual截图不起作用。
错误:
html2canvas.min.js:20 Uncaught (in promise) Error: Document is not attached to a Window
at html2canvas.min.js:20:193237
at html2canvas.min.js:20:1976
at Object.next (html2canvas.min.js:20:2081)
at html2canvas.min.js:20:1023
at new Promise (<anonymous>)