引入
ts
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 |
示例
typescript
Dom2Image.convertDomToImage("app", "appImage");urlToBase64(src)
描述:
解决图片跨域问题,将网络图片URL转为base64 URL。
参数:
| 参数名 | 类型 | 描述 |
|---|---|---|
| src | string | 网络图片URL |
返回: Promise
Promise对象返回base64 URL
示例
typescript
Dom2Image.urlToBase64("http://test.com/image.png").then(url=>{});convertImageToCanvas(image)
描述:
image url转canvas
参数:
| 参数名 | 类型 | 描述 |
|---|---|---|
| image | Image | 图片src |
返回:
canvas