このエラーが発生しています:
Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLObjectElement': Blocked a frame with origin " http://localhost:8089 " from cross-origin frame.(…)
コンテンツ ドキュメントを使用して高さと幅にアクセスしようとすると:
var doc = document.getElementsByTagName("object")[0].contentDocument;
var size = doc.documentElement.getBoundingClientRect();
this._imageW = size.width;
this._imageH = size.height;
これは、ユーザーが自分のコンピューターからローカル ファイルをロードするが、リモート URL をロードしない場合に機能します。
私はjqueryを使ってみました:
this._svg.addEventListener('load',function() {
this._imageW = jQuery(".SVGImage").width();
this._imageH = jQuery(".SVGImage").height();
...
...
画像の最初のロードでは機能しませんが、画像の2回目のロードでは機能します。
URL 入力 (画像) のコンテンツ ドキュメントにアクセスする方法が必要です URL として読み込まれた svg 画像の getBoundingClientRect() メソッドにアクセスするにはどうすればよいですか?