我有一个 div，我需要制作这个 div 的图像并发送给服务器。有什么方法可以使用 Angular 7 来做到这一点吗？我尝试搜索库但没有结果。所有解决方法都使用原生 JS。
要将 HTML 内容保存到图像中，您需要使用HTML2CANVAS图书馆
创建一些参考子项
@ViewChild('screen') screen: ElementRef;
@ViewChild('canvas') canvas: ElementRef;
@ViewChild('downloadLink') downloadLink: ElementRef;
当然，您需要添加 HTML 引用，例如
<table #screen id="table" class="table table-striped">...
<div id="download">
<img #canvas>
<a #downloadLink></a>
</div>
然后创建一个函数来制作图像
downloadImage(){
html2canvas(this.screen.nativeElement).then(canvas => {
this.canvas.nativeElement.src = canvas.toDataURL();
this.downloadLink.nativeElement.href = canvas.toDataURL('image/png');
this.downloadLink.nativeElement.download = 'marble-diagram.png';
this.downloadLink.nativeElement.click();
});
}
工作堆栈闪电战 https://stackblitz.com/edit/skdroid-html2canvas
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
