Class: MagnifierController

MagnifierController

new MagnifierController

Artboardを拡大表示するコントローラ

このコントローラのcreateMagnifier を呼ぶと拡大表示を行うMagnifierインスタンスが生成され、 拡大表示要素(Magnifier要素)がこのコントローラのルートエレメントに追加されます。

このコントローラはMagnifier要素を追加したい要素をルートエレメントにしてバインドして使用します。

Methods

createMagnifier

Magnifierの作成

Magnifierインスタンスを生成し、このコントローラのルートエレメントにMagnifier要素を追加します。

Parameters:
Name Type Argument Default Description
$board DOM | jQuery 拡大対象となるボード要素、またはボード要素を子に持つ要素。
settings Object <optional>
{width:200,height:200,scale:2} 設定オブジェクト。省略した場合はデフォルト、または前回createMagnifier呼び出し時の設定が適用されます
Properties
Name Type Argument Default Description
width number 生成するMagnifier要素の幅
height number 生成するMagnifier要素の高さ
scale number 拡大率(0以上の数値で指定)
mouseoverMove boolean <optional>
false ボード上でマウス(タッチ)が起きた時にMagnifier要素の位置を追従をさせるかどうか
mouseoverFocus boolean <optional>
false ボード上でマウス(タッチ)が起きた時にMagnifierが拡大するボードの座標位置を追従をさせるかどうか
mouseover boolean <optional>
false mouseoverMove,mouseoverFocusの両フラグをtrueにする場合にtrueを設定