質問編集履歴
3
改善
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
canvas
|
1
|
+
【canvas】レーダーチャートのテキストにシャドウのようなものがかかってしまう(chromeのみ)
|
test
CHANGED
File without changes
|
2
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,8 +1,10 @@
|
|
1
|
-
![
|
1
|
+
![イメージ説明](fc44585f441e222e6cae1a61c3d7c1fa.png)
|
2
|
+
|
3
|
+
|
2
4
|
|
3
5
|
↑こちらのようにchromeでのみテキストにシャドウがついたような状態になってしまいます。
|
4
6
|
|
5
|
-
|
7
|
+
レーダーチャート自体は提示出来ません。
|
6
8
|
|
7
9
|
|
8
10
|
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,22 +1,26 @@
|
|
1
|
-
![
|
1
|
+
![
|
2
2
|
|
3
3
|
↑こちらのようにchromeでのみテキストにシャドウがついたような状態になってしまいます。
|
4
4
|
|
5
|
-
レーダーチャート自体は提示出来ません。
|
5
|
+
](26141ed71e552751c08bc2f0d115c914.png)レーダーチャート自体は提示出来ません。
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
+
IE・Edge・firefoxで検証した結果、こちらでは問題ありませんでした。
|
10
|
+
|
11
|
+
cssでシャドウの指定等が影響していないか調べましたが、こちらの影響はありませんでした。
|
12
|
+
|
9
|
-
|
13
|
+
スマートフォン版では上記の現象は見られませんでした。
|
10
14
|
|
11
15
|
|
12
16
|
|
13
|
-
c
|
17
|
+
※最近まではchromeでも問題はありませんでした。
|
14
18
|
|
15
19
|
|
16
20
|
|
17
21
|
```html
|
18
22
|
|
19
|
-
<div class="radar" data-scores="" data-labels="
|
23
|
+
<div class="radar" data-scores="" data-labels="評価,テスト,テスト,テスト,テスト," data-caption="">
|
20
24
|
|
21
25
|
<iframe class="test" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe>
|
22
26
|
|