図形

図形は、4D フォームに設置することのできる スタティックオブジェクト です。

次の基本の図形が提供されています:

• 四角
• 線
• 楕円

四角

フォーム上に四角を配置することで、視覚的な効果が得られます。四角で描画できるのは長方形に限られます。

四角のグラフィック属性 (線カラー、線幅、点線タイプ等) やリサイズオプションはプロパティリストにて指定できます。角の 丸み を指定することもできます。

JSON 例:

    "myRectangle": {
        "type": "rectangle",    // オブジェクトタイプ
        "left": 60,             // フォーム上の座標 (左)
        "top": 160,             // フォーム上の座標 (上)
        "width": 100,           // 幅
        "height": 20,           // 高さ
        "borderRadius": 20      // 角の半径 (丸み)
                }

プロパティ一覧

タイプ - オブジェクト名 - CSSクラス - 左 - 上 - 右 - 下 - 幅 - 高さ - 角の半径 - 横方向サイズ変更 - 縦方向サイズ変更 - 表示状態 - 塗りカラー - 線カラー - 線幅 - 点線タイプ

線

フォーム上に線を配置することで、視覚的な効果が得られます。線は水平、垂直のほか、あらゆる角度で描画することができます。

線のグラフィック属性 (線カラー、線幅、点線タイプ等) やリサイズオプションはプロパティリストにて指定できます。

startPoint プロパティ

startPoint JSON プロパティは、線の始点を定義します (JSON例参照)。

フォームエディター上では線の始点があきらかなため、プロパティリストにおいて startPoint プロパティは非表示です。

JSON 例:

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "topLeft", // 第一の方向
        "strokeDashArray": "6 2" // 破線
        }

結果:

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "bottomLeft", // 第二の方向
        "strokeDashArray": "6 2" // 破線
        }

結果:

プロパティ一覧

タイプ - オブジェクト名 - CSSクラス - 左 - 上 - 右 - 下 - 幅 - 高さ - 横方向サイズ変更 - 縦方向サイズ変更 - 表示状態 - 線カラー - 線幅 - 点線タイプ - startPoint

楕円

フォーム上に楕円を配置することで、視覚的な効果が得られます。楕円を使って円を描くことができます (幅 と 高さ を同じ値に設定します)。

JSON 例:

    "myOval": {
        "type": "oval",     // オブジェクトタイプ
        "left": 60,         // フォーム上の座標 (左)
        "top": 160,         // フォーム上の座標 (上)
        "width": 100,       // 幅
        "height": 20,       // 高さ
        "fill": "blue"      // 塗りカラー
                }

プロパティ一覧

タイプ - オブジェクト名 - CSSクラス - 左 - 上 - 右 - 下 - 幅 - 高さ - 横方向サイズ変更 - 縦方向サイズ変更 - 表示状態 - 塗りカラー - 線カラー - 線幅 - 点線タイプ