回答編集履歴
2
.
test
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
参考ページのコードでは、pathが横幅640px固定になってます。これを、たとえば任意の画面横幅に合ったpathにするには、JavaScriptでpathの数値をうまいこと書き換える必要があります。私見では、気軽にコードを書いてあげられないぐらいには面倒な処理になると思います。
|
2
2
|
|
3
|
-
または、要素を `transform: scale()` で 100vw ÷ 640 倍して、フォントサイズはそのぶん小さめするといいかもしれません。
|
3
|
+
または、`.text-wrapper` 要素を `transform: scale()` で 100vw ÷ 640 倍して、フォントサイズはそのぶん小さめするといいかもしれません。
|
4
4
|
|
5
5
|
任意の画面横幅ではなく、例えば2種類ぐらいの横幅だけサポートすればいいのであれば、メディアクエリで path のデータを切り替えればよいでしょう。
|
1
.
test
CHANGED
@@ -1,3 +1,5 @@
|
|
1
1
|
参考ページのコードでは、pathが横幅640px固定になってます。これを、たとえば任意の画面横幅に合ったpathにするには、JavaScriptでpathの数値をうまいこと書き換える必要があります。私見では、気軽にコードを書いてあげられないぐらいには面倒な処理になると思います。
|
2
2
|
|
3
|
+
または、要素を `transform: scale()` で 100vw ÷ 640 倍して、フォントサイズはそのぶん小さめするといいかもしれません。
|
4
|
+
|
3
5
|
任意の画面横幅ではなく、例えば2種類ぐらいの横幅だけサポートすればいいのであれば、メディアクエリで path のデータを切り替えればよいでしょう。
|