0

私は HTML5 で作業しており、画像を保存するための 2 つのプロジェクト フォルダーがあります (1 つは svg 用、もう 1 つは 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");
}
4

0 に答える 0