Angular 5将html导出到图像

Posted 2023-03-13

【中文标题】Angular 5将html导出到图像

【英文标题】：Angular 5 export html to image

【发布时间】：2019-01-25 01:00:36

【问题描述】：

请问如何将 html 导出到 Angular 5 中的图像。

书店什么的？

有没有办法用 angular 5 做到这一点？

【问题讨论】：

请在您的问题中添加更多描述。

【参考方案1】：

如果你想动态添加图片的 url 链接，这里是代码。 您可以将输入文本事件更改为要存储的 HTML 链接。 模块 HTML 的 HTML：

<h1>title</h1>
<div>
        <input type="text" (input)="onInputEvent($event)">
</div>
<div>
    <a [href]='url'>
        <img 
        src="smiley.gif" 
         
        style="width:42px;height:42px;border:0;">
      </a>
</div>

模块类型脚本：

import  Component  from '@angular/core';

@Component(
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
)
export class AppComponent 
  title = 'MY TEST';
  url:string ;
  onInputEvent(event:Event)
    this.url=(<HTMLInputElement>event.target).value;