Core.prototype.setProps()

setProps() メソッドは、道具一覧の図形要素を設定します。中間レイヤーを使用します。

prop0 prop1 prop2

<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,
// }