宜搭+
    正在准备搜索索引...

    类 ViewCapturer

    页面截图服务。

    该服务通过在按钮组件绑定点击事件，捕获指定 DOM 元素并下载为 PNG 图片。 截图过程经过 Utils.Throttle 节流处理，避免重复点击。 截图能力依赖第三方库 dom-to-image，首次创建服务实例时会通过 YidaPageContext.utils 动态加载该库。

    26.7.1

    Zeppelin.ViewCapturer.of().compose("button_screenshot", "view_container", "页面截图")
    索引

    构造函数

    constructor

    方法

    compose of

    构造函数

    方法

    • 将页面截图功能组合到指定组件。

      该方法会为触发按钮注册节流处理后的点击回调。点击时会使用 window.domtoimage.toPng 捕获指定 DOM 元素，生成 PNG 数据 URI， 并通过浏览器下载保存为 {title}_{timestamp}.png 文件。

      触发按钮既可以是宜搭组件（通过 window.usePlus().env.context.$ 访问）， 也可以是普通 DOM 元素（通过 .${clickableComponentFieldId} 选择器访问）。

      参数

      • clickableComponentFieldId: string

        触发截图功能的按钮组件字段标识或 DOM 类名。

      • viewDomId: string

        需要被截图的 DOM 元素 ID。

      • title: string | (() => string) = "view"

        导出文件标题，可为字符串或返回字符串的函数；默认为 "view"。

      返回 void

      26.7.1

    显示设置

    成员可见性

    目录

    构造函数
    方法