代码之家 › 专栏 › 技术社区 › anonymoose

打印fabricjs画布?

fabricjs canvas html javascript

anonymoose · 技术社区 · 7 年前

几周来,我一直在努力创建能够打印fabricjs画布的功能。我试过这些方法 mentioned here

我目前正在使用:

// Trying to print
function printCanvas()  
{  
    var dataUrl = document.getElementById('c').toDataURL(); //attempt to save base64 string to server using this var  
    var windowContent = '<!DOCTYPE html>';
    windowContent += '<html>'
    windowContent += '<head><title>Print canvas</title></head>';
    windowContent += '<body>'
    windowContent += '<img src="' + dataUrl + '">';
    windowContent += '</body>';
    windowContent += '</html>';
    var printWin = window.open('','','width=340,height=260');
    printWin.document.open();
    printWin.document.write(windowContent);
    printWin.document.close();
    printWin.focus();
    printWin.print();
    printWin.close();
}

<button onclick="printCanvas()">Print</button>

1 回复 | 直到 7 年前

user700284 7 年前

加载内容后,需要执行打印操作。以下代码应该可以工作

function printCanvas() {
    var dataUrl = document.getElementById('c').toDataURL(); //attempt to save base64 string to server using this var  
    var windowContent = '<!DOCTYPE html>';
    windowContent += '<html>'
    windowContent += '<head><title>Print canvas</title></head>';
    windowContent += '<body>'
    windowContent += '<img src="' + dataUrl + '" onload=window.print();window.close();>';
    windowContent += '</body>';
    windowContent += '</html>';
    var printWin = window.open('', '', 'width=340,height=260');
    printWin.document.open();
    printWin.document.write(windowContent);
}

推荐文章

chizz · fabricJs自定义对象不从JSON呈现

6 年前

anonymoose · 对象属性不会通过JSON保存或加载持久化

7 年前

Jaan · Fabricjs对象在完成时移动火

7 年前

user9513304 · 如何触发或接收组中对象的事件?

7 年前

Michael Tsipes · fabric的上下文菜单。js不在Safari中工作

7 年前

Peter I · FabricJS缩放图像以适应宽度/大小

7 年前

anonymoose · 更新JSON。字符串化(画布);最新画布更改

7 年前

MyNameIsMe · 织物节点上的js。js应用筛选器失败

7 年前

anonymoose · 如何对任何结构使用centeredScaling。js对象

7 年前

anonymoose · 如何将图像添加到画布,并按大小缩放?

7 年前