js domElement 转为 HTMLImageElement

要将一个 DOM 元素转换为 `HTMLImageElement` 对象，可以使用 `XMLSerializer` 将 DOM 元素转换为字符串，然后创建一个空的 `Image` 对象并设置其 `src` 属性为字符串，从而将其转换为 `HTMLImageElement` 对象。

具体步骤如下：

1. 使用 `XMLSerializer` 将 DOM 元素转换为字符串。

var s = new XMLSerializer();
var str = s.serializeToString(domElement);

2. 创建一个空的 `Image` 对象。

var image = new Image();

3. 设置 `Image` 对象的 `src` 属性为字符串。

image.src = 'data:image/svg+xml;base64,' + btoa(str);

这样就可以将一个 DOM 元素转换为 `HTMLImageElement` 对象了。

注意：由于使用了 `data:image/svg+xml` 方式，转换出来的 `HTMLImageElement` 对象可能无法正确显示，如果需要在页面中显示，需要将其插入到 DOM 树中，并设置其 `width` 和 `height` 属性，或者使用 `canvas` 将其绘制出来。