@antv/f6/es/graph/graph.d.ts

A Mobile Graph Visualization Framework in JavaScript

import { IGraph, DataUrlType } from '../interface/graph';
import { AbstractGraph, GraphOptions } from '@antv/f6-core';
import { WaterMarkerConfig } from '../types';
import PluginBase from '../plugin/base';
export declare const registerGraph: (graphName: string, GraphFunction: any, G6: Object) => Object;
export default class Graph extends AbstractGraph implements IGraph {
    destroyed: boolean;
    constructor(cfg: GraphOptions);
    protected init(): void;
    emitEvent(event: any): void;
    protected initLayoutController(): void;
    protected initEventController(): void;
    protected initCanvas(): void;
    protected initPlugins(): void;
    /**
     * 返回可见区域的图的 dataUrl，用于生成图片
     * @param {String} type 图片类型，可选值："image/png" | "image/jpeg" | "image/webp" | "image/bmp"
     * @param {string} backgroundColor 图片背景色
     * @return {string} 图片 dataURL
     */
    toDataURL(type?: DataUrlType, backgroundColor?: string): string;
    /**
     * 返回整个图（包括超出可见区域的部分）的 dataUrl，用于生成图片
     * @param {Function} callback 异步生成 dataUrl 完成后的回调函数，在这里处理生成的 dataUrl 字符串
     * @param {String} type 图片类型，可选值："image/png" | "image/jpeg" | "image/webp" | "image/bmp"
     * @param {Object} imageConfig 图片配置项，包括背景色和上下左右的 padding
     */
    toFullDataURL(callback: (res: string) => any, type?: DataUrlType, imageConfig?: {
        backgroundColor?: string;
        padding?: number | number[];
    }): void;
    /**
     * 导出包含全图的图片
     * @param {String} name 图片的名称
     * @param {String} type 图片类型，可选值："image/png" | "image/jpeg" | "image/webp" | "image/bmp"
     * @param {Object} imageConfig 图片配置项，包括背景色和上下左右的 padding
     */
    downloadFullImage(name?: string, type?: DataUrlType, imageConfig?: {
        backgroundColor?: string;
        padding?: number | number[];
    }): void;
    /**
     * 画布导出图片，图片仅包含画布可见区域部分内容
     * @param {String} name 图片的名称
     * @param {String} type 图片类型，可选值："image/png" | "image/jpeg" | "image/webp" | "image/bmp"
     * @param {string} backgroundColor 图片背景色
     */
    downloadImage(name?: string, type?: DataUrlType, backgroundColor?: string): void;
    private dataURLToImage;
    /**
     * 添加插件
     * @param {object} plugin 插件实例
     */
    addPlugin(plugin: PluginBase): void;
    /**
     * 添加插件
     * @param {object} plugin 插件实例
     */
    removePlugin(plugin: PluginBase): void;
    private isMiniNative;
    private isMini;
    private isBrowser;
    /**
     * 设置图片水印
     * @param {string} imgURL 图片水印的url地址
     * @param {WaterMarkerConfig} config 文本水印的配置项
     * @param {any} waterCanvas 小程序canvas
     */
    setImageWaterMarker(imgURL: string, config: WaterMarkerConfig, waterCanvas?: any): void;
    /**
     * 设置文本水印
     * @param {string[]} texts 水印的文本内容
     * @param {WaterMarkerConfig} config 文本水印的配置项
     */
    setTextWaterMarker(texts: string[], config?: WaterMarkerConfig): void;
    /**
     * 销毁画布
     */
    destroy(): void;
    protected initGroups(): void;
}