回答編集履歴
4
誤記修正
test
CHANGED
@@ -72,7 +72,7 @@
|
|
72
72
|
|
73
73
|
他は特に変更を加えていないので、`head`タグのみ抜粋しています。
|
74
74
|
|
75
|
-
jQueryは3.4.1(
|
75
|
+
jQueryは3.4.1(現時点での最新版)を使用しています。
|
76
76
|
|
77
77
|
|
78
78
|
|
3
日本語のおかしい部分を修正
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
objectタグ
|
1
|
+
objectタグからSVGを取得する部分が問題のようです。
|
2
2
|
|
3
3
|
|
4
4
|
|
2
少し追記
test
CHANGED
@@ -70,7 +70,9 @@
|
|
70
70
|
|
71
71
|
最終的には下記コードで動作しました。
|
72
72
|
|
73
|
+
他は特に変更を加えていないので、`head`タグのみ抜粋しています。
|
74
|
+
|
73
|
-
jQueryは3.4.1(
|
75
|
+
jQueryは3.4.1(本日での最新版)を使用しています。
|
74
76
|
|
75
77
|
|
76
78
|
|
1
文章の修正
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
objectタグで取得したSVGの取得する部分が問題のようです
|
1
|
+
objectタグで取得したSVGの取得する部分が問題のようです。
|
2
2
|
|
3
3
|
|
4
4
|
|
@@ -6,11 +6,11 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
SVGを`object`タグ
|
9
|
+
SVGを`object`タグによって表示している場合は、Javascriptのオブジェクト(**jQueryではない**)に対して、**contentDocumentプロパティを指定して**取得する必要があります。
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
具体的には
|
13
|
+
具体的には下記のように書きます。
|
14
14
|
|
15
15
|
```javascript
|
16
16
|
|
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
|
50
50
|
|
51
|
-
|
51
|
+
先ほどのjQueryでラップしたオブジェクト(`$svgObj`)に対して、jQueryのfindメソッドでアクセスすれば良いです。
|
52
52
|
|
53
53
|
```javascript
|
54
54
|
|
@@ -108,11 +108,15 @@
|
|
108
108
|
|
109
109
|
上記コードをローカルで開くとChromeでは動作しませんでした。
|
110
110
|
|
111
|
-
|
111
|
+
`$svgObj`が`null`になります。
|
112
112
|
|
113
113
|
|
114
114
|
|
115
|
+
調べてみると、ローカルで開いた外部SVGはファイルシステムを通してアクセスするため、それがChromeでは禁止されているようです。(恐らくセキュリティ上の問題)
|
116
|
+
|
117
|
+
|
118
|
+
|
115
|
-
Chromeで動作確認をしたい場合は
|
119
|
+
Chromeで動作確認をしたい場合はサーバーにアップロードしてアクセスしてください。
|
116
120
|
|
117
121
|
ローカルサーバーを立ててローカルアクセスでも大丈夫です。
|
118
122
|
|