teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

不要な一部ソースの削除

2019/11/12 23:48

投稿

kzmu
kzmu

スコア17

answer CHANGED
@@ -12,8 +12,9 @@
12
12
  ```
13
13
  <svg width="700" height="140">
14
14
  <defs>
15
- <filter id="blur_test" filterUnits="objectBoundingBox">
15
+ <filter id="blur_test">
16
- <feGaussianBlur in="SourceGlaphic" stdDeviation="1"></feGaussianBlur></filter>
16
+ <feGaussianBlur in="SourceGlaphic" stdDeviation="1"></feGaussianBlur>
17
+    </filter>
17
18
  </defs>
18
19
 
19
20
  <text x="0" y="50" font-size="50" filter="url('#blur_test')" fill="red" style="fill:red;">TEST</text>

1

修正後のソースを追加しました。

2019/11/12 23:48

投稿

kzmu
kzmu

スコア17

answer CHANGED
@@ -6,4 +6,17 @@
6
6
  [変更後]
7
7
  <feGaussianBlur in="SourceGlaphic" stdDeviation="2">
8
8
 
9
- SourceAlpha -> SourceGlaphic に変更するとカラーが問題なく反映されました。
9
+ SourceAlpha -> SourceGlaphic に変更するとカラーが問題なく反映されました。
10
+
11
+ 修正後のソース
12
+ ```
13
+ <svg width="700" height="140">
14
+ <defs>
15
+ <filter id="blur_test" filterUnits="objectBoundingBox">
16
+ <feGaussianBlur in="SourceGlaphic" stdDeviation="1"></feGaussianBlur></filter>
17
+ </defs>
18
+
19
+ <text x="0" y="50" font-size="50" filter="url('#blur_test')" fill="red" style="fill:red;">TEST</text>
20
+
21
+ </svg>
22
+ ```