ViewerOptions クラス

var viewer = new GcPdfViewer("#root", { baseUrl: "http://localhost/mysite/" });

true

var viewer = new GcPdfViewer("#root", { cMapPacked: false } );

「resources/bcmaps/」

var viewer = new GcPdfViewer("#root", { cMapUrl: "../data/cmaps/" } );

TopLeft

// 座標の原点を左下の点に変更します。 
var viewer = new GcPdfViewer("#root", { coordinatesOrigin: "BottomLeft" } );

1

// デフォルトの丸め精度を0.001に変更します。 
var viewer = new GcPdfViewer("#root", { coordinatesPrecision: 0.001 } );

var viewer = new GcPdfViewer(selector, { customIcons: { 'open': '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M9.516 14.016q1.875 0 3.188-1.313t1.313-3.188-1.313-3.188-3.188-1.313-3.188 1.313-1.313 3.188 1.313 3.188 3.188 1.313zM15.516 14.016l4.969 4.969-1.5 1.5-4.969-4.969v-0.797l-0.281-0.281q-1.781 1.547-4.219 1.547-2.719 0-4.617-1.875t-1.898-4.594 1.898-4.617 4.617-1.898 4.594 1.898 1.875 4.617q0 0.984-0.469 2.227t-1.078 1.992l0.281 0.281h0.797z"></path></svg>', 'search': '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M9.516 14.016q1.875 0 3.188-1.313t1.313-3.188-1.313-3.188-3.188-1.313-3.188 1.313-1.313 3.188 1.313 3.188 3.188 1.313zM15.516 14.016l4.969 4.969-1.5 1.5-4.969-4.969v-0.797l-0.281-0.281q-1.781 1.547-4.219 1.547-2.719 0-4.617-1.875t-1.898-4.594 1.898-4.617 4.617-1.898 4.594 1.898 1.875 4.617q0 0.984-0.469 2.227t-1.078 1.992l0.281 0.281h0.797z"></path></svg>' } });

// ドラッグ アンド ドロップ操作、JavaScript アクション、ファイルとサウンドの添付ファイルを無効にします。 var viewer = new GcPdfViewer("#root", { disableFeatures: ['DragAndDrop', 'JavaScript', 'AllAttachments'] } );

// GcPdf ビューワのドラッグ アンド ドロップを無効にします。 var viewer = new GcPdfViewer(selector, { disableFeatures: ['DragAndDrop'] });

var viewer = new GcPdfViewer("#root", { disablePageLabels: true } );

「/documents」

// 外部サービスからドキュメントリストをロードします。 
var viewer = new GcPdfViewer("#root", { documentListUrl: "documents.json" } );

// DATA　URIを使用してドキュメントリストをロードします。 
var viewer = new GcPdfViewer("#root", { documentListUrl: 'data:,[{"path": "doc1.pdf"}, {"path": "doc2.pdf", "name": "Hello doc 2", "title": "title 2"}]' } );

デフォルト値Trueです。

// XFAフォームの描画をオフにします。 
var viewer = new GcPdfViewer(selector, { enableXfa: false });

「none」

var viewer = new GcPdfViewer("#root", { externalLinkTarget: "blank" } );

var viewer = new GcPdfViewer("#root", { file: 'GcPdf.pdf' } );

var formFiller = { 
   mapping: { 
       'UserNameField1': { 
           title: 'User Name', 
           displayname: 'username', 
           placeholder: 'Enter here...', 
           validateoninput: true, 
           validator: function(fieldValue, field) { 
               if(fieldValue.length >= 3) 
                   return true; 
               else 
                   return 'username must be at least 3 characters'; 
           } 
       }, 
       'fld2': { hidden: true }, 
       'Country Combo Box': { 
           displayname: 'Country', 
           required: true 
        }, 
       'fld3': { displayName: 'First name!', 
           title: 'Please enter your first name.', 
           rowCustomCSS: 'given-name-row' 
        } 
   } 
}; 
var viewer = new GcPdfViewer('#root', { formFiller: formFiller }); viewer.addDefaultPanels();

var viewer = new GcPdfViewer(selector, { 
     renderInteractiveForms: true, 
     formFiller: { 
         validator: function(val) {return (val ? null : 'フィールドを空にすることはできません。'); } 
     } 
});

viewer.options.friendlyFileName = "myFileName.pdf"; 
viewer.applyOptions();

var viewer = new GcPdfViewer("#root", { hideAnnotationPopups: true );

['Text', 'FreeText', 'Line', 'Square', 'Circle', 'Polygon', 'Polyline', 'Ink', 'Popup', 'Sound', 'Polygon', 'RadioButton', 'Checkbox', 'PushButton', 'Choice', 'TextWidget', 'Redact', 'Stamp', 'Highlight', 'Underline', 'Squiggly', 'StrikeOut'];

// 可能なすべての注釈を非表示にします。 
let options = { hideAnnotationTypes: 'All' };

// プッシュボタンと改訂注釈のみを非表示にします。 
let options = { hideAnnotationTypes: ['PushButton', 'Redact'] };

// 次の例では、エラーが発生したときに無効なファイルデータを表示する方法を示します。 
var viewer = new GcPdfViewer('#root', { keepFileData: true }); 
viewer.onError.register(function(eventArgs) { 
  var message = eventArgs.message; 
  if (message.indexOf("無効なPDF構造") !== -1) { 
    console.log('PDFドキュメントが壊れているため、PDFドキュメントを読み込めません。'); 
    console.log("File data:"); 
    // ファイルデータをコンソールに出力します。 
    console.log(viewer.fileData); } 
  else { 
    console.log('予期しないエラー: ' + message); 
  } 
}); 
viewer.open('sample.pdf');

// UI言語を日本語に設定します。 
var viewer = new GcPdfViewer(selector, { language: 'ja' }); 
viewer.addDefaultPanels();

function loadPdfViewer(selector) { 
  // カスタム翻訳を定義します。 
  var myTranslations = { 
        "toolbar": { 
            "open-document": "Open MY document", 
            "pan": "My Pan tool", 
        } 
   }; 
   // 翻訳を初期化します。 
   GcPdfViewer.i18n.init({ 
     resources: { myLang: { translation: myTranslations } } 
   }).then(function(t) { 
     // 新しい翻訳が初期化されます。 
     // PDFビューワを作成します。 
     var viewer = new GcPdfViewer(selector, { language: 'myLang' });
     viewer.addDefaultPanels(); 
     //viewer.open("sample.pdf"); 
   }); 
} 
loadPdfViewer('#root');

20000

// オープンタイムアウトを5秒に変更します。 
var viewer = new GcPdfViewer("#root", { lockOpenTimeout: 5000 ); 
viewer.open("doc1.pdf"); 
// 次にopenメソッドが呼び出されると、ビューワは 
// 前のドキュメントが開くまで最大5秒を待ちます。 
viewer.open("doc2.pdf");

パソコンまたはMacのデフォルト値は「4096 * 4096 = 16777216（16メガピクセル）」です。 iOSまたはAndroidのデフォルト値は「2560x 2048 = 5242880（5メガピクセル）」です。

undefined

viewer.options.onBeforeCloseContextMenu = function(e) { 
  console.log("コンテキストメニューはまもなく終了します。"); 
  return true; 
};

undefined

viewer.options.onBeforeCloseContextMenu = function(e) { 
  if(!confirm("コンテキストメニューを閉じますか？")) { 
      console.log("コンテキストメニューは閉じられません。"); 
      return false; 
  } 
  console.log("コンテキストメニューが閉じられます。"); 
  return true; 
};

undefined

// 次のサンプルは、GoogleとBingの検索エンジンを使用して 
// コンテキストメニューを変更し、検索を追加する方法を示します。 
viewer.options.onBeforeOpenContextMenu = function (items, mousePosition, viewer) { 
 var selectedText = viewer.getSelectedText(); 
 if (selectedText) { 
   // 既存の項目を削除します。  
   items.splice(0, items.length); 
   // カスタムメニュー項目を追加します。 
   items.push({ 
      type: 'button', 
      text: 'Googleで検索', 
      onClick: function () { 
            window.open('http://www.google.com/search?q=' + encodeURI(selectedText), '_blank'); 
      } 
   }); 
   items.push({ 
      type: 'button', 
      text: 'Bingで検索', 
      onClick: function () { 
          window.open('https://www.bing.com/search?q=' + encodeURI(selectedText), '_blank'); 
     } 
   }); 
  } 
  return true; 
};

var viewer = new GcPdfViewer("#root", { 
  onInitialized: (viewer)=> { 
     // ビューワの初期化コードを配置します。 
  } 
});

// Basic認証のヘッダーを含めます。 
var viewer = new GcPdfViewer('#root', { 
  openParameters: { 
    headers: { 
       "Authorization": "Basic " + btoa(unescape(encodeURIComponent("USERNAME:PASSWORD"))), 
       "CustomHeader": "Custom header value" 
    } 
  } 
});

viewer.options.password = "abc123"; 
viewer.open("protected.pdf");

// 対話式のフォームを描画しません。 
var viewer = new GcPdfViewer("#root", { renderInteractiveForms: false } );

var viewer = new GcPdfViewer("#root", { renderer: "svg" } );

デフォルト設定は次のとおりです。

• readOnly: false,
• allowAddNote: true,
• allowChangeUserName: true,
• allowAddReply: true,
• allowDelete: true,
• allowStatus: true,
• allowChangeOtherUser: true,
• allowDeleteOtherUser: true,
• allowStatusOtherUser: true,
• allowAddReplyOtherUser: true

  // 別のユーザーのコメントを変更または削除しないようにします。 
  var viewer = new GcPdfViewer('#root', { replyTool: { allowChangeOtherUser: false, 
                                                      allowDeleteOtherUser: false }, 
                                        userName: 'John', supportApi: 'api/pdf-viewer' }); 
  viewer.addReplyTool('expanded');

// 作成者名の変更を禁止し（allowChangeUserNameはfalse）、 
// 別のユーザーのコメントの変更を禁止します（allowChangeOtherUserはfalse）。 
var viewer = new GcPdfViewer('#root', { replyTool: { allowChangeOtherUser: false, 
                                        allowChangeUserName: false }, 
                                        userName: 'John', supportApi: 'api/pdf-viewer' }); viewer.addReplyTool('expanded');

// 読み取り専用の返信ツールを追加します。 
var viewer = new GcPdfViewer('#root', { 
   replyTool: { readOnly: true }, 
   userName: 'John', 
   supportApi: 'api/pdf-viewer' }); 
viewer.addReplyTool('expanded');

// コンテキストメニューから[付箋の追加]項目を非表示にします。 
var viewer = new GcPdfViewer('#root', { replyTool: { allowAddNote: false }, 
                                        userName: 'John', supportApi: 'api/pdf-viewer' }); 
viewer.addReplyTool();

var viewer = new GcPdfViewer(selector, { 
  requireTheme: "light" 
});

// 「custom-toolbar-key」キーを使用してカスタムの2番目のツールバーを作成します。 
var React = viewer.getType("React"); 
var toolbarControls =[React.createElement("label", null, "Custom toolbar"), 
React.createElement("button", { onClick: () => { alert("Execute action."); }, title: "Action title" }, "Action")]; 
// 「custom-toolbar-key」キーのカスタム2番目のツールバーを登録します。 
viewer.options.secondToolbar = { 
  render: function(toolbarKey) { 
    if(toolbarKey === "custom-toolbar-key") 
      return toolbarControls; 
    return null; 
  } 
}; 
// カスタムの2番目のツールバーを表示します。 
viewer.showSecondToolbar("custom-toolbar-key");

// サーバーに不明なユーザー名を禁止します。 
var viewer = new GcPdfViewer("#root", { sharing: { disallowUnknownUsers: true }, supportApi: "api/pdf-viewer" } );

// 既知のユーザー名を指定し、他のユーザー名を禁止します。 
var viewer = new GcPdfViewer("#root", { 
     sharing: { 
         knownUserNames: ["Jaime Smith", "Jane Smith"], 
         disallowUnknownUsers: true, 
     }, 
     supportApi: "api/pdf-viewer」 
});

{ snapAlignment: true } 
デフォルトでは、スナップのtoleranceは 5 です。 
オブジェクトとページの端の間のmarginは 10 です。 
center はtrueです。

// 垂直方向の余白にスナップを有効します。 
var viewer = new GcPdfViewer("#root", { snapAlignment: { margin: { vertical: 10, horizontal: false} }, supportApi: 'api/pdf-viewer'});

// 公差とスナップマージンの変更します。 
viewer.options.snapAlignment = { tolerance: 5, margin: 20 };

undefined

// 定義済みスタンプのカスタムセットを指定します。 
var viewer = new GcPdfViewer("#root", { 
  stamp: { 
    stampCategories: [
           { name: 'Nature', stampImageUrls: ['http://localhost:8080/150/160/nature.png', 'http://localhost:8080/250/140/nature.png', 'http://localhost:8080/250/150/nature.png'] },            { name: 'Nature 2', stampImageUrls: ['http://localhost:8080/170/150/nature.png', 'http://localhost:8080/210/130/nature.png', 'http://localhost:8080/250/120/nature.png'] }
    ]
  }
});

// 定義済みスタンプのドロップダウンを無効にします。 
var viewer = new GcPdfViewer("#root", { 
  stamp: { 
    stampCategories: false 
  } 
});

var viewer = new GcPdfViewer('#root', { supportApi: 'api/pdf-viewer' } );

永続的な接続用のデバッグログをオンにします。

var viewer = new GcPdfViewer('#root', { supportApi: 'api/pdf-viewer', logLevel: 'Debug' } );

// テキスト マークアップのコンテキスト メニューを無効にします: var viewer = new GcPdfViewer(selector, { textMarkupContextMenu: false });

// 濃い黄色のテーマをロードします、 
var viewer = new GcPdfViewer("#root", { theme: "dark-yellow.css", themes: ["themes/viewer", "themes/light-blue", "themes/dark-yellow"] } );

// <link href="~/Content/light-blue.css" rel="stylesheet" /> 
// 組み込みのテーマをロードしないでください。 
var viewer = new GcPdfViewer("#root", { theme: false } );

var viewer = new GcPdfViewer("#root", { themes: ["themes/viewer", "themes/light-blue", "themes/dark-yellow"] } );

false

// ブブラウザのコンテキストメニューを有効します。 
var viewer = new GcPdfViewer("#root", { useNativeContextMenu: true } );

var viewer = new GcPdfViewer('#root', { supportApi: 'api/pdf-viewer' } ); 
viewer.options.userData = { secretNumber: 5, innerData: { innerContent: 'content' } }; 
viewer.applyOptions(); 
viewer.open('sample.pdf');

var viewer = new GcPdfViewer('#root', { userName: 'John', supportApi: 'api/pdf-viewer' });

var viewer = new GcPdfViewer("#root", { workerSrc: "http://localhost:5000/gcpdfviewer.worker.js" } );

var viewer = new GcPdfViewer("#root", { 
  zoomOptions: { 
    minZoom: 0.5, 
    maxZoom: 1.5, 
    dropdownZoomFactorValues: [0.5, 0.7, 1, 1.5] 
  } 
});