Javascript HTML5多图像加载_Javascript_Html_Html5 Canvas

Javascript HTML5多图像加载

javascript html html5-canvas

Javascript HTML5多图像加载,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我在HTML5中工作，我有两个用于保存图像的项目文件夹（一个用于svg，一个用于png）。当我试着打印画布时，它只给我png图像作为输出，而不是同时给我这两种图像（png和svg）的组合。我需要一些技术来实现它。以下是摘录： function convertPNG() { var dataUrl1 = canvas.toDataURL(); var ww = '<!DOCTYPE html>'; ww += '<html>' ww += '<h

我在HTML5中工作，我有两个用于保存图像的项目文件夹（一个用于svg，一个用于png）。当我试着打印画布时，它只给我png图像作为输出，而不是同时给我这两种图像（png和svg）的组合。我需要一些技术来实现它。以下是摘录：

     function convertPNG()
    {

var dataUrl1 = canvas.toDataURL();
var ww = '<!DOCTYPE html>';
ww += '<html>'
ww += '<head><title>Print canvas</title></head>';
ww += '<body>'
ww += '<img style="margin-bottom:150px;" src="images/products/img1.png">';//I m taking a static image as img1,I also want to implement a dynamic link to render all the images
ww += '<img style="margin-left:-320px;" src="' + dataUrl1 + '" >';
ww += '</body>';
ww += '</html>';


 var printWin = window.open("",'width="100" height="100"');
  printWin.document.write(ww);
printWin.document.close();
window.location = canvas.toDataURL("image/png");
}

函数convertPNG（）
{
var dataUrl1=canvas.toDataURL（）；
var ww=''；
ww+=''
ww+=‘打印画布’；
ww+=''
ww+=''；//我将静态图像作为img1，我还想实现一个动态链接来渲染所有图像
ww+=''；
ww+=''；
ww+=''；
var printWin=window.open（“，”width=“100”height=“100”）；
printWin.document.write（ww）；
printWin.document.close（）；
window.location=canvas.toDataURL（“image/png”）；
}

您的控制台是否出现错误？导致您的结果的一个常见原因是跨域安全错误。控制台中没有收到任何错误。