LEADTOOLS JavaScript(Leadtools.Annotations.Core)

LoadPictureイベント

フレームを表示
サンプル 
ピクチャオブジェクトのそのソースimageのロードが完了したときに発生します。
構文
add_loadPicture(function(sender, e))
loadPicture.add(function(sender, e))
remove_loadPicture(function(sender, e))
loadPicture.remove(function(sender, e))
    

LEADTOOLSアノテーションフレームワークに、ピクチャオブジェクトのソースimageは、レンダリング時間までロードされません。たとえば、AnnHotspotObjectまたはAnnPointObject、フレームワークはAnnPicture.Sourceでimageをロードしますに設定された画像はバックグラウンドでロードされます。imageがロードする間、フレームワークは物体位置とサイズにするプレースホルダ長方形を使います。imageが完全にロードされるとき、フレームワークはLoadPictureイベントを発生して、プレースホルダの代わりに新しいimageを提出します。

LoadingPictureStrokeLoadingPictureFillは、プレースホルダ長方形をストローク処理を実行して、塗りつぶすための使用へのオブジェクトです。デフォルト値は、黒色背景の白いストロークです。

LoadPictureイベントは、ピクチャオブジェクト自体とオーナーAnnObjectなどのロードするを完了したピクチャについて、データを格納します。また、イベントデータは、エラーが発生するならば、値を入力されるエラー特性を格納します。

バックグラウンドでの画像のロードは、ブラウザーですべてのリソースが使用可能になるまで待たずにアノテーションオブジェクトの描画を開始できる、効率的で簡単な方法です。これは特に、オブジェクトのピクチャに設定されたソースURLがサーバーマシン上にあり、ダウンロードに数秒かかるような場合に当てはまります。

サンプル

このサンプルはリモートサーバーで資源からピクチャを作成して、ホットスポットアノテーションでそれを使いますオブジェクト。Automationを使用して画像をロードしながらオブジェクトの描画を開始します。

example: function SiteLibrary_DefaultPage$example() {
   // get the current rendering engint
   var renderingEngine = this._automation.get_automationControl().get_renderingEngine();

   // Change the default loading object placeholder to be a green border with semi-transparent background
   var stroke = lt.Annotations.Core.AnnStroke.create(lt.Annotations.Core.AnnSolidColorBrush.create("green"), lt.LeadLengthD.create(1));
   var fill = lt.Annotations.Core.AnnSolidColorBrush.create("rgba(0, 0, 0, 0.5)");

   renderingEngine.set_loadingPictureStroke(stroke);
   renderingEngine.set_loadingPictureFill(fill);

   // Hook to the LoadPicture event
   renderingEngine.add_loadPicture(function(sender, e) {
      // e is AnnLoadPictureEventArgs
      // Check if an error occured
      if (e.get_error() != null) {
         // Show info about the error
         var str = e.get_error().message;
         str += "\nSource: " + e.get_picture().get_source();
         str += "\nOwner object: " + e.get_annObject().get_friendlyName();
         alert(str);
      }
   });

   // Create a new AnnHotspotObject with a picture from a remote server
   var inch = 720;
   var hotspot = new lt.Annotations.Core.AnnHotspotObject();
   // Add the object at location 1,1 inch with size 4,2 inches
   hotspot.set_rect(lt.LeadRectD.create(1 * inch, 1 * inch, 4 * inch, 2 * inch));
   // Set its picture
   var picture = new lt.Annotations.Core.AnnPicture();
   picture.set_source("https://www.leadtools.com/images/page_graphics/leadlogo.png");
   hotspot.set_picture(picture);

   // Add it to the container
   var container = this._automation.get_container();
   container.get_children().add(hotspot);

   this._automation.invalidate(lt.LeadRectD.get_empty());
},
イベントデータ
パラメーター 説明
送り主 'var' イベントのソース。
e AnnLoadPictureEventArgs イベントデータ。
参照

参照

AnnRenderingEngineオブジェクト。
AnnRenderingEngineメンバ