t-comm
Version:
专业、稳定、纯粹的工具库
39 lines (38 loc) • 1.11 kB
TypeScript
/**
* Dom转化为图片
* @param {string} trigger Dom的id
* @param {string} imageElId 需要展示的图片的id
*
* @example
* Dom2Image.convertDomToImage("app", "appImage");
*/
export declare function convertDomToImage(trigger: string, imageElId: string, callback: Function): void;
/**
* 解决图片跨域问题，将网络图片URL转为base64 URL。
* @param {string} src 网络图片URL
* @returns {Promise} Promise对象返回base64 URL
*
* @example
* Dom2Image.urlToBase64("http://test.com/image.png").then(url=>{});
*/
export declare function urlToBase64(src: string): Promise<string>;
interface ICanvas extends HTMLCanvasElement {
dpi: number;
}
/**
* image url转canvas
* @param image {Image} 图片src
* @returns canvas
* @example
* ```ts
* 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);
* };
* ```
*/
export declare function convertImageToCanvas(image: HTMLImageElement): ICanvas;
export {};