メインコンテンツまでスキップ
バージョン: 18

図形

図形は、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クラス - - - - - - 高さ - 横方向サイズ変更 - 縦方向サイズ変更 - 表示状態 - 塗りカラー - 線カラー - 線幅 - 点線タイプ