Core.prototype.setProps()
setProps() メソッドは、道具一覧の図形要素を設定します。中間レイヤーを使用します。
<svg> に設定できる図形要素であれば種類は問いません。指定された要素を指定された順に全て Core.prototype.defs に追加しますが、この時点ではまだ描画は行なわれず、描画するためには drawProps() を呼び出す必要があります。drawProps() では道具の個数だけ SVGUseElement オブジェクト(<use> タグ)を内部で作成し、ここで指定された要素を順に参照します。要素が足りなくなれば先頭に戻って使用します。
構文
setProps(elements)
引数
- elements
- 図形要素の配列です。
返値
なし
例
const core = new jmotion.Core("#board", true);
const elements = [
document.getElementById("ball"),
document.getElementById("ring"),
document.getElementById("club"),
];
core.setProps(elements);
// core.defs = {
// "ball": circle#ball,
// "club": rect#club,
// "ring": circle#ring,
// }