※この翻訳ドキュメントはスクリプトによって出力・同期されています。内容が怪しそうな場合はGitHubにissueを追加したり英語の原文の確認をお願いします。

Triangle クラス

このページではTriangleクラスについて説明します。

クラス概要

Triangleクラスは三角形のベクターグラフィックスのオブジェクトを生成します。

基本的な使い方

Triangleクラスのコンストラクタではx1y1x2y2x3y3の各引数の指定を必要とします。

x1y1引数は1つ目の頂点の座標となります。

同様に、x2y2引数は2つ目の頂点の座標となり、x3y3は3つ目の頂点の座標となります。

コンストラクタでは他のfill_colorなどのスタイル設定の各引数も受け付けます。

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)

ap.save_overall_html(dest_dir_path="triangle_basic_usage/")

draw_triangle インターフェイスの特記事項

draw_triangleインターフェイスを使うことでも三角形のインスタンスを生成することができます。

詳細については以下をご確認ください:

x属性のインターフェイス例

x属性ではX座標の値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.x = ap.Number(100)

ap.save_overall_html(dest_dir_path="triangle_x/")

y属性のインターフェイス例

y属性ではY座標の値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.y = ap.Number(100)

ap.save_overall_html(dest_dir_path="triangle_y/")

x1属性のインターフェイス例

x1属性では1つ目の頂点のX座標の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.x1 = ap.Number(100)

ap.save_overall_html(dest_dir_path="triangle_x1/")

y1属性のインターフェイス例

y1属性では1つ目の頂点のY座標の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.y1 = ap.Number(0)

ap.save_overall_html(dest_dir_path="triangle_y1/")

x2属性のインターフェイス例

x2属性では2つ目の頂点のX座標の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.x2 = ap.Number(75)

ap.save_overall_html(dest_dir_path="triangle_x2/")

y2属性のインターフェイス例

y2属性では2つ目の頂点のY座標の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.y2 = ap.Number(75)

ap.save_overall_html(dest_dir_path="triangle_y2/")

x3属性のインターフェイス例

x3属性では3つ目のX座標の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.x3 = ap.Number(75)

ap.save_overall_html(dest_dir_path="triangle_x3/")

y3属性のインターフェイス例

y3属性では3つ目のY座標の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.y3 = ap.Number(75)

ap.save_overall_html(dest_dir_path="triangle_y3/")

fill_color属性のインターフェイス例

fill_color属性は塗りの色の値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.fill_color = ap.Color("#f0a")

ap.save_overall_html(dest_dir_path="triangle_fill_color/")

fill_alpha属性のインターフェイス例

fill_alpha属性は塗りの透明度の値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
triangle.fill_alpha = ap.Number(0.3)

ap.save_overall_html(dest_dir_path="triangle_fill_alpha/")

line_color属性のインターフェイス例

line_color属性では線の色の値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
    line_thickness=3,
)
triangle.line_color = ap.Color("#fff")

ap.save_overall_html(dest_dir_path="triangle_line_color/")

line_alpha属性のインターフェイス例

line_alpha属性では線の透明度の値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    line_color=ap.Color("#0af"),
    line_thickness=3,
)
triangle.line_alpha = ap.Number(0.3)

ap.save_overall_html(dest_dir_path="triangle_line_alpha/")

line_thickness属性のインターフェイス例

line_thickness属性では線の幅の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    line_color=ap.Color("#0af"),
    line_thickness=1,
)
triangle.line_thickness = ap.Int(5)

ap.save_overall_html(dest_dir_path="triangle_line_thickness/")

line_dot_setting属性のインターフェイス例

line_dot_setting属性では点線のスタイル設定の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    line_color=ap.Color("#0af"),
    line_thickness=5,
)
triangle.line_dot_setting = ap.LineDotSetting(dot_size=3)

ap.save_overall_html(dest_dir_path="triangle_line_dot_setting/")

line_dash_setting属性のインターフェイス例

line_dash_setting属性では破線のスタイル設定の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    line_color=ap.Color("#0af"),
    line_thickness=5,
)
triangle.line_dash_setting = ap.LineDashSetting(dash_size=7, space_size=2)

ap.save_overall_html(dest_dir_path="triangle_line_dash_setting/")

line_round_dot_setting属性のインターフェイス例

line_round_dot_setting属性では丸ドット線のスタイル設定の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    line_color=ap.Color("#0af"),
)
triangle.line_round_dot_setting = ap.LineRoundDotSetting(round_size=6, space_size=3)

ap.save_overall_html(dest_dir_path="triangle_line_round_dot_setting/")

line_dash_dot_setting属性のインターフェイス例

line_dash_dot_setting属性では一点鎖線のスタイル設定の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    line_color=ap.Color("#0af"),
    line_thickness=3,
)
triangle.line_dash_dot_setting = ap.LineDashDotSetting(
    dot_size=3, dash_size=6, space_size=3
)

ap.save_overall_html(dest_dir_path="triangle_line_dash_dot_setting/")

rotation_around_center属性のインターフェイス例

rotation_around_center属性ではインスタンスの中央座標での回転量(0~359)の更新もしくは取得を行えます:

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    triangle.rotation_around_center += 1


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_rotation_around_center/")

set_rotation_around_pointとget_rotation_around_pointメソッドのインターフェイス例

set_rotation_around_pointメソッドは指定された座標からのインスタンスの回転量(0~359)を更新します。

同様に、get_rotation_around_pointメソッドでは指定された座標のインスタンスの回転量(0~359)を取得します:

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
ROTATION_X: ap.Int = ap.Int(100)
ROTATION_Y: ap.Int = ap.Int(100)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=ROTATION_X,
    y3=ROTATION_Y,
    fill_color=ap.Color("#0af"),
)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    rotation: ap.Int = triangle.get_rotation_around_point(x=ROTATION_X, y=ROTATION_Y)
    triangle.set_rotation_around_point(
        rotation=rotation + 1, x=ROTATION_X, y=ROTATION_Y
    )


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_set_rotation_around_point/")

scale_x_from_center属性のインターフェイス例

scale_x_from_center属性ではインスタンスの中央座標でのX軸の拡縮値の更新もしくは取得を行えます:

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
direction: ap.Int = ap.Int(1)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    with ap.If(triangle.scale_x_from_center <= 0.001):
        direction.value = 1
    with ap.If(triangle.scale_x_from_center >= 2.0):
        direction.value = -1
    triangle.scale_x_from_center += direction * 0.005


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_scale_x_from_center/")

scale_y_from_center属性のインターフェイス例

scale_y_from_center属性ではインスタンスの中央座標でのX軸の拡縮値の更新もしくは取得を行えます:

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)
direction: ap.Int = ap.Int(1)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    with ap.If(triangle.scale_y_from_center <= 0.001):
        direction.value = 1
    with ap.If(triangle.scale_y_from_center >= 2.0):
        direction.value = -1
    triangle.scale_y_from_center += direction * 0.005


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_scale_y_from_center/")

set_scale_x_from_pointとget_scale_x_from_pointメソッドのインターフェイス例

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
SCALE_COORDINATE_X: ap.Int = ap.Int(100)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=SCALE_COORDINATE_X,
    y3=100,
    fill_color=ap.Color("#0af"),
)
direction: ap.Int = ap.Int(1)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    scale: ap.Number = triangle.get_scale_x_from_point(x=SCALE_COORDINATE_X)
    scale += direction * 0.005
    with ap.If(scale <= 0.001):
        direction.value = 1
    with ap.If(scale >= 2.0):
        direction.value = -1
    triangle.set_scale_x_from_point(scale_x=scale, x=SCALE_COORDINATE_X)


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_set_scale_x_from_point/")

set_scale_y_from_pointとget_scale_y_from_pointメソッドのインターフェイス例

set_scale_y_from_pointメソッドは指定されたY座標を基準としてY軸の拡縮値を更新します。

同様に、get_scale_y_from_pointメソッドでは指定されたY座標を基準としたY軸の拡縮値を取得します。

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
SCALE_COORDINATE_Y: ap.Int = ap.Int(100)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=SCALE_COORDINATE_Y,
    fill_color=ap.Color("#0af"),
)
direction: ap.Int = ap.Int(1)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    scale: ap.Number = triangle.get_scale_y_from_point(y=SCALE_COORDINATE_Y)
    scale += direction * 0.005
    with ap.If(scale <= 0.001):
        direction.value = 1
    with ap.If(scale >= 2.0):
        direction.value = -1
    triangle.set_scale_y_from_point(scale_y=scale, y=SCALE_COORDINATE_Y)


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_set_scale_y_from_point/")

flip_x属性のインターフェイス例

flip_x属性ではインスタンスのX軸の反転状況の真偽値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=50,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)


def on_timer(e: ap.TimerEvent, options: dict) -> None:
    """
    The timer event handler.

    Parameters
    ----------
    e : ap.TimerEvent
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    triangle.flip_x = triangle.flip_x.not_


ap.Timer(handler=on_timer, delay=1000).start()
ap.save_overall_html(dest_dir_path="triangle_flip_x/")

flip_y属性のインターフェイス例

flip_y属性ではインスタンスのX軸の反転状況の真偽値の更新もしくは取得を行えます:

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)


def on_timer(e: ap.TimerEvent, options: dict) -> None:
    """
    The timer event handler.

    Parameters
    ----------
    e : ap.TimerEvent
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    triangle.flip_y = triangle.flip_y.not_


ap.Timer(handler=on_timer, delay=1000).start()
ap.save_overall_html(dest_dir_path="triangle_flip_y/")

skew_x属性のインターフェイス例

skew_x属性ではインスタンスのX軸の歪みの値の更新もしくは取得を行えます:

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    triangle.skew_x += 1


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_skew_x/")

skew_y属性のインターフェイス例

skew_y属性ではインスタンスのY軸の歪みの値の更新もしくは取得を行えます:

import apysc as ap

stage: ap.Stage = ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
triangle: ap.Triangle = ap.Triangle(
    x1=75,
    y1=50,
    x2=50,
    y2=100,
    x3=100,
    y3=100,
    fill_color=ap.Color("#0af"),
)


def on_enter_frame(e: ap.EnterFrameEvent[ap.Triangle], options: dict) -> None:
    """
    The enter-frame event handler.

    Parameters
    ----------
    e : ap.EnterFrameEvent[ap.Triangle]
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    triangle.skew_y += 1


stage.enter_frame(handler=on_enter_frame)
ap.save_overall_html(dest_dir_path="triangle_skew_y/")

Triangle クラスのコンストラクタのAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイスの構造] __init__(self, *, x1: Union[float, apysc._type.number.Number], y1: Union[float, apysc._type.number.Number], x2: Union[float, apysc._type.number.Number], y2: Union[float, apysc._type.number.Number], x3: Union[float, apysc._type.number.Number], y3: Union[float, apysc._type.number.Number], fill_color: apysc._color.color.Color = Color(""), fill_alpha: Union[float, apysc._type.number.Number] = 1.0, line_color: apysc._color.color.Color = Color(""), line_alpha: Union[float, apysc._type.number.Number] = 1.0, line_thickness: Union[int, apysc._type.int.Int] = 1, line_cap: Union[apysc._type.string.String, apysc._display.line_caps.LineCaps, NoneType] = None, line_joints: Union[apysc._type.string.String, apysc._display.line_joints.LineJoints, NoneType] = None, line_dot_setting: Union[apysc._display.line_dot_setting.LineDotSetting, NoneType] = None, line_dash_setting: Union[apysc._display.line_dash_setting.LineDashSetting, NoneType] = None, line_round_dot_setting: Union[apysc._display.line_round_dot_setting.LineRoundDotSetting, NoneType] = None, line_dash_dot_setting: Union[apysc._display.line_dash_dot_setting.LineDashDotSetting, NoneType] = None, parent: Union[apysc._display.child_mixin.ChildMixIn, NoneType] = None, variable_name_suffix: str = '') -> None


[インターフェイス概要]

三角形のベクターグラフィックスのインスタンスを生成します。


[引数]

  • x1: Union[float, Number]

    • 1つ目の頂点のX座標。

  • y1: Union[float, Number]

    • 1つ目の頂点のY座標。

  • x2: Union[float, Number]

    • 2つ目の頂点のX座標。

  • y2: Union[float, Number]

    • 2つ目の頂点のY座標。

  • x3: Union[float, Number]

    • 3つ目の頂点のX座標。

  • y3: Union[float, Number]

    • 3つ目の頂点のY座標。

  • fill_color: Color, default COLORLESS

    • 設定する塗りの色。

  • fill_alpha: float or Number, default 1.0

    • 設定する塗りの透明度。

  • line_color: Color, default COLORLESS

    • 設定する線の色。

  • line_alpha: float or Number, default 1.0

    • 設定する線の透明度。

  • line_thickness: int or Int, default 1

    • 設定の線幅。

  • line_cap: String or LineCaps or None, default None

    • 設定する線の端のスタイル設定。

  • line_joints: String or LineJoints or None, default None

    • 設定する線の連結部分のスタイル設定。

  • line_dot_setting: LineDotSetting or None, default None

    • 設定する点線のスタイル設定。

  • line_dash_setting: LineDashSetting or None, default None

    • 設定する破線のスタイル設定。

  • line_round_dot_setting: LineRoundDotSetting or None, default None

    • 設定する丸ドットのスタイル設定。

  • line_dash_dot_setting: LineDashDotSetting or None, default None

    • 設定する一点鎖線のスタイル設定。

  • parent: ChildMixIn or None, default None

    • このインスタンスを追加する親のインスタンス。もしもNoneが指定された場合、このインスタンスはステージのインスタンスへと追加されます。

  • variable_name_suffix: str, default “”

    • JavaScript上の変数のサフィックスの設定です。この設定はJavaScriptのデバッグ時に役立つことがあります。


[コードサンプル]

>>> import apysc as ap
>>> _ = ap.Stage()
>>> triangle: ap.Triangle = ap.Triangle(
...     x1=75,
...     y1=50,
...     x2=50,
...     y2=100,
...     x3=100,
...     y3=100,
...     fill_color=ap.Color("#0af"),
...     line_color=ap.Color("#fff"),
...     line_thickness=3,
... )
>>> triangle.x2
Number(50.0)

>>> triangle.y1 = ap.Number(30.0)
>>> triangle.y1
Number(30.0)

x1 属性のAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイス概要]

1つ目のX座標を取得します。


[返却値]

  • x1: Number

    • 1つ目のX座標。

y1 属性のAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイス概要]

1つ目のY座標を取得します。


[返却値]

  • y1: Number

    • 1つ目のY座標。

x2 属性のAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイス概要]

Get a second x-coordinate.


[返却値]

  • x2: Number

    • 2つ目のX座標。

y2 属性のAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイス概要]

2つ目のY座標を取得します。


[返却値]

  • y2: Number

    • 2つ目のY座標。

x3 属性のAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイス概要]

3つ目のX座標を取得します。


[返却値]

  • x3: Number

    • 3つ目のX座標。

y3 属性のAPI

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイス概要]

3つ目のY座標を取得します。


[返却値]

  • y3: Number

    • 3つ目のY座標。