2

このエラーが発生しています:

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() メソッドにアクセスするにはどうすればよいですか?

4

0 に答える 0