← オブジェクトリファレンスに戻る

createColorObject2

概要

引数(括弧内はデフォルト値)

引数 型 必須 指定内容
_id string * 色付きオブジェクトのID名
---- object ※下記のオブジェクト引数を参照
_classes ...any CSSクラス名 ※複数指定可

オブジェクト引数

引数 型 デフォルト 用途
x number 0 オブジェクトのX座標
y number 0 オブジェクトのY座標
w number 50 オブジェクトの幅
h number 50 オブジェクトの高さ
background string '' オブジェクト色
rotate string '' オブジェクトの回転量
styleName string '' オブジェクト名
属性名 string (CSS属性に対する設定。CSS属性であれば指定可)

使用例

const step = createColorObject2(`step${j}`, { rotate: g_workObj.stepRtn[j], styleName: `Step`, }, g_cssObj.main_stepDefault); stepRoot.appendChild(step); frzHit.appendChild( createColorObject2(`frzHitTop${j}`, { x: -8, y: -8, w: C_ARW_WIDTH + 16, h: C_ARW_WIDTH + 16, rotate: g_workObj.arrowRtn[j], styleName: `Shadow`, }, g_cssObj.main_frzHitTop) );

更新履歴

Version 変更内容
v17.0.0 ・初回実装