Web フォーム用のパンウィンドウコントロールのメインとなるクラスです。

この型のメンバの一覧については、PanWindow メンバを参照してください。

System.Object
  System.Web.UI.Control
    System.Web.UI.WebControls.WebControl
          Newtone.ImageKit.WPF.Web

public class PanWindow : Object

解説

このコントロールは Web フォーム用の ImageKit コントロールに表示されているイメージと連動して全体のイメージを表示します。パンウィンドウをクリックするとその部分を中心にImageKitコントロールにイメージが表示され、マウスの移動に合わせてパンウィンドウ内の四角形が移動し、四角形内のイメージが ImageKit コントロールに表示されます。パンウィンドウを再度クリックするとパンウィンドウの機能が停止します。

パンウィンドウを使用するには、
1. ImageKit コントロールにイメージを表示するとき、DisplayMode を ActualSize にする。
2. ImageKit1.Link = PanWindow1.Link のように設定して相互のリンクを確立する。
3. Web ページで JavaScript の enablePanWindow メソッドを実行する。このメソッドは、ImageKit コントロールと PanWindow コントロールをクライアントのブラウザで連動させるために、マウス/スクロール イベントを追加します。

イメージを読み込んで表示するサンプルコード 

[Visual Basic.NET]
ImageKit1.Url = "abc.tif"
ImageKit1.LoadImageFromFile(Newtone.ImageKit.LoadFileType.Load)
ImageKit1.ScrollBars = True
ImageKit1.Display(Newtone.ImageKit.WPF.Web.DisplayMode.ActualSize)
ImageKit1.Link = PanWindow1.Link
ImageKit1.ShowPanWindow()
            
[C#]
ImageKit1.Url = "abc.tif";
ImageKit1.LoadImageFromFile(Newtone.ImageKit.LoadFileType.Load);
ImageKit1.ScrollBars = true;
ImageKit1.Display(Newtone.ImageKit.WPF.Web.DisplayMode.ActualSize);
ImageKit1.Link = PanWindow1.Link;
ImageKit1.ShowPanWindow();

html ページで enablePanWindow メソッドを実行する。下記のコードでは、body タグの onload イベントを使用しています。

 <body onload = "enablePanWindow('ImageKit1', 'PanWindow1');">

注意：
下記の条件のとき、パンウィンドウはブラウザの種類により動作が不完全な場合があります。
1. ImageKit コントロールの ScrollBars を False にする。
2. パンウィンドウの四角形の大きさが 20 X 20 ピクセル以下になる。(この四角形の大きさは ImageKit コントロール、PanWindow コントロールとイメージの大きさで決まります)
3. Style 命令文に ImageKit コントロールと PanWindow コントロールの高さと幅の値を記述する。コントロールがきちんと機能するか確かめるには、下記の下線部分のコードにあるように、旧式の html 3.0 形式でコントロールの高さと幅の値を記述してください。

 <cc1:ImageKit ID="ImageKit1" runat="server" Height="600px" Width="600px" Style="left: 229px;
       position: absolute; top: 21px"  UseJavaScriptFile="True" />
<cc1:PanWindow ID="PanWindow1" runat="server" Height="150px" Width="150px" Style="left: 33px;
      position: absolute; top: 27px"  ViewerBorderColor="Yellow" />

UseJavaScriptFileプロパティが true の場合、ImageKitWPF.js ファイルへのリンクが正しいか確認してください。

必要条件

名前空間: Newtone.ImageKit.WPF.Web

アセンブリ: Newtone.ImageKit.WPF.Web.ImageKit.dll

参照

PanWindow メンバ