← オブジェクトリファレンスに戻る
createDivCss2Label
概要
- 座標、サイズ、フォントなどを設定したラベル用div要素を作成する。
- 従来の関数
createDivCssLabelで使用できる属性値に加え、CSSに対応した属性名に対応する設定が行える。
- この関数を呼び出しただけではラベルは作成されない。
返却されたdiv要素を(親div要素のid).appendやmultiAppend関数などで追加する必要がある。
引数（括弧内はデフォルト値）
| 引数 |
型 |
必須 |
指定内容 |
| _id |
string |
* |
ラベルのID名 |
| _text |
string |
* |
表示する文字列 |
| ---- |
object |
|
※下記のオブジェクト引数を参照 |
| _classes |
...any |
|
CSSクラス名 ※複数指定可 |
オブジェクト引数
- オブジェクト引数は全て任意。指定が無い場合はデフォルト値が採用される。
| 引数 |
型 |
デフォルト |
用途 |
| x |
number |
0 |
ラベルのX座標 |
| y |
number |
0 |
ラベルのY座標 |
| w |
number |
210 |
ラベルの幅 |
| h |
number |
23 |
ラベルの高さ |
| siz |
number |
17 |
ラベル文字のフォントサイズ |
| align |
string |
center |
ラベル文字の位置 |
属性名 |
string |
|
(CSS属性に対する設定。CSS属性であれば指定可) |
返却値
使用例
createDivCss2Label(`lblComment`, tmpComment, {
x: 0, y: 70, w: g_sWidth, h: g_sHeight - 180, siz: C_SIZ_DIFSELECTOR, align: C_ALIGN_LEFT,
overflow: `auto`, background: `#222222`, color: `#cccccc`, display: C_DIS_NONE,
});
上記記述と同じ定義を旧関数で行った場合：
const lblComment = createDivCssLabel(`lblComment`, 0, 70, g_sWidth, g_sHeight - 180, C_SIZ_DIFSELECTOR, tmpComment);
lblComment.style.textAlign = C_ALIGN_LEFT;
lblComment.style.overflow = `auto`;
lblComment.style.background = `#222222`;
lblComment.style.color = `#cccccc`;
lblComment.style.display = C_DIS_NONE;
更新履歴