回答編集履歴

2

.

2024/11/15 09:10

投稿

int32_t
int32_t

スコア21599

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

.

2024/11/15 09:08

投稿

int32_t
int32_t

スコア21599

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 のデータを切り替えればよいでしょう。