转图片前如何修改 node 样式

[jianghai]

场景是 node 存在 transform scale 缩放，期望转图片前去除缩放，保留原始尺寸，有几个方案

1. 先去除缩放，但会导致界面变化
2. 深拷贝一份再去除，略多余
3. domToPng 提供一个配置，clone 前可以配置去除 transform 属性

[qq15725]

domToPng(dom, {
  onCloneNode: (cloned) => {
      const el = cloned as HTMLElement
      const targetEl = el.querySelector(".target") as HTMLElement | undefined
      if (targetEl) {
          targetEl.style.transform = 'scale(1)'
      }
  },
})

[jianghai]

const dom = <xx>;
dom.style.transform = 'scale(0.3)';
const imageData = await domToPng(dom, {
  onCloneNode: (cloned) => {
    const el = cloned as HTMLElement;
    el.style.transform = 'scale(1)'
  },
});

不行呢，图片尺寸还是缩放后的，同时没有完全渲染