引入

import {
  convertDomToImage,
  urlToBase64,
  convertImageToCanvas
} from 't-comm';

// 不支持 tree-shaking 的项目
import {
  convertDomToImage,
  urlToBase64,
  convertImageToCanvas
} from 't-comm/lib/dom-to-image/index';

// 只支持 ESM 的项目
import {
  convertDomToImage,
  urlToBase64,
  convertImageToCanvas
} from 't-comm/es/dom-to-image/index';

convertDomToImage(trigger, imageElId)

描述：Dom转化为图片

参数：

参数名	类型	描述
trigger	string	Dom的id
imageElId	string	需要展示的图片的id

示例

Dom2Image.convertDomToImage("app", "appImage");

urlToBase64(src)

描述：解决图片跨域问题，将网络图片URL转为base64 URL。

参数：

参数名	类型	描述
src	string	网络图片URL

返回: Promise

Promise对象返回base64 URL

示例

Dom2Image.urlToBase64("http://test.com/image.png").then(url=>{});

convertImageToCanvas(image)

描述：image url转canvas

参数：

参数名	类型	描述
image	Image	图片src

返回: canvas

示例

const img = new Image();
img.src = 'https://example.com/foo.png';
img.onload = () => {
  const canvas = convertImageToCanvas(img);
  const dataUrl = canvas.toDataURL('image/png');
  console.log(dataUrl);
};