离子 - 捕获特定离子行的图像

Question

我正在开发离子3中的应用。我必须开发头发模拟的叠加层。叠加已经完成。想要将该叠加部分保存为图像以供最终审核和未来展望。这是我的代码。我想为特定的div（gallery-box）创建快照

    <ion-grid padding>
    <ion-row>
      <ion-col>

        <div class="gallery-box">
          <img [src]="picToView" alt="" style="border-radius:50%;width:50%" />
          <img src="/path/to/Image.png" class="FinalOverlay" *ngFor="let itm of DynamicOverlay" style="width: 22%;position: absolute;left: 39%;" >
        </div>
      </ion-col>

    </ion-row>
  </ion-grid>
  <ion-row  *ngFor="let item of Choice">
    <ion-col class="button" padding *ngIf="item[1] !=0">
     
      <div>
        <ion-label style="font-size:larger">Densidad para el Área </ion-label>
      </div>

    </ion-col>
  </ion-row>

感谢您的帮助

Answer 1

您可以参考html2canvas npm包。

希望这可以解决您的问题。

https://www.npmjs.com/package/html2canvas