画面のキャプチャ機能を提供するクラス

Example

const capture = new Capture( viewer );
capture.setAttribution( options: CaptureOption );
const image1 = await capture.shoot();
const image2 = await capture.shoot();

Constructors

Properties

_attribution_array?: Attribution[]

表示する著作権情報を管理するarray。 undefined の場合は、キャッシュが生成されていないことを表す

_attribution_bg_color: string
_attribution_content: string[]
_attribution_font_color: string
_attribution_font_size: number
_attribution_h_margin: number
_attribution_h_spacing: number
_attribution_height: number
_attribution_v_margin: number
_attribution_width: number
_mime_type: "image/png" | "image/jpeg"
_sync: boolean
_viewer: Viewer

Methods

  • キャプチャ画像用アノテーションを管理Arrayに追加(imgとtextを分離)

    Parameters

    • attribution_string: string
    • context: CanvasRenderingContext2D
    • attribution_array: Attribution[]

    Returns Promise<void>

  • キャプチャ画像用アノテーション(img)を管理Arrayに追加

    Parameters

    • img_tag: string
    • context: CanvasRenderingContext2D
    • attribution_array: Attribution[]

    Returns Promise<void>

  • キャプチャ画像用アノテーション(text)を管理Arrayに追加

    Parameters

    • text: string
    • context: CanvasRenderingContext2D
    • attribution_array: Attribution[]

    Returns Promise<void>

  • キャプチャ画像にロゴやアノテーションを描画

    Parameters

    • context: CanvasRenderingContext2D

      書き込む2Dキャンバスコンテキスト

    Returns Promise<void>

  • 著作権コンテナに表示する著作権を指定

    Parameters

    • attribution: string | string[]

    Returns void

    Example

    setAttribution([
    '<img src="./data/logo.png" width="30" height="16"/>attribution sample<img src="./data/logo.png" width="30" height="16">',
    '1234567890',
    '<img src="./data/mapray.svg" width="80" height="16" />',
    ])
    setAttribution( '1234567890<img src="./data/mapray.svg" width="80" height="16" />' );