Canvasの操作

設計するサイトが大きくなってきたりズームレベルを上げての操作が増えてくると、canvasを移動したり、ズームレベルを調整したりといった操作が頻繁に必要になってきます。
DENIMでは、これらの操作に幾つかの方法を提供しています。

Canvasの移動

上下左右にcanvasを移動する方法として、大きく分けて3種類の方法があります。

例えば表示したいオブジェクトが右のほうに隠れている場合、単純に右方向にジェスチャを行います。

⇒

キーボードのカーソルキーを使って動かすことも可能です。
若干反応が鈍い上に、意外と大きな移動をするので押し過ぎないように注意しましょう。

Toolboxからハンドツールをピックアップして、canvasをズラしてやる要領でドラッグしてやることができます。

⇒

あちこち頻繁に移動するようなフェーズでは、鉛筆ツールを持ったままジェスチャなどで移動するよりも、ハンドツールを用いた方がcanvasの移動は容易になるはずです。

DENIMでは、次の5段階のズームレベルを用意しています。

更にそれぞれの間には中間レベルが1つ存在し、また、一番上と一番下にも更に1レベルがありますので、選択できるズームレベルは全部で11段階になります。

ズームレベルは次のいずれかの方法で調整できます。

任意のオブジェクトを中心にズームを行いたい場合、ズームレベルを変える前にtap-and-holdで指定のオブジェクトを選択状態にしておきます。

canvasの全体像を把握しつつ移動を行うには、付属のレーダービューも役に立つでしょう。

デフォルトで画面右下に別ウインドウで表示されていると思います。
この表示/非表示を操作するには、Pie Menuから View→Show/Hide Rader View を選択して下さい。

レーダービュー上の任意の位置をクリックすると、表示位置はそこに移動します。