Function talkBubble

  • 吹き出し💭パスを設定

    Caveats

    This method is experimetal. Parameters may be changed.

    Example

    const canvas = document.createElement("canvas");
    const ctx = canvas.getContext("2d");
    ctx.beginPath();
    talkBubble.call(ctx, 10, 10, 100, 80, 5));
    ctx.closePath();
    ctx.stroke();

    Parameters

    • this: CanvasRenderingContext2D
    • x: number

      ふきだし矩形始点x（左、しっぽ部分は考慮せず）

    • y: number

      ふきだし矩形始点y（上、しっぽ部分は考慮せず）

    • width: number

      ふきだし矩形幅（しっぽ部分は考慮せず）

    • height: number

      ふきだし矩形高さ（しっぽ部分は考慮せず）

    • cornerRadius: number

      ふきだし矩形角丸半径

    • tailDirection: Direction = "top"

      ふきだししっぽの方向

    • tailBasePoint: number = 0.5

      しっぽの位置。幅/高さに対する比率で指定。0.5なら中心、通常0 ~ 1.0以内で指定

    • Optional tailBottomSize: number

      しっぽ底辺長さ：未指定の場合はwidthもしくはheightのサイズに準拠（どちらに合わせるかはdirectionによる）

    • Optional tailLength: number

      しっぽのふきだしからの飛び出し距離 : 未指定の場合は底辺長さに合わせる

    • tailEndOffset: number = 0

      しっぽ先端の基点からのズレ

    Returns void

Settings

Member Visibility

Theme

Generated using TypeDoc