Softonic

SVGテキストマーキー生成ツール

x-init="restore()" >
ステップ 1 / 2
次へ

単体で使えるSVGのスクロールテキストバナーを作成します。このツールはブラウザ内でSVGを生成し、入力した文字を2回繰り返して右から左へ動かします。扱えるのは文字だけで、ロゴ、画像、独自フォント、透明背景の取り込みには対応していません。

アニメーションSVGテキストバナーの作り方

  1. 1

    バナーの文字を入力

    流したいメッセージを入力します。生成されるSVGでは文字が2回繰り返されます。

  2. 2

    アニメーション時間を設定

    3秒から40秒を選びます。文字は常に右から左へ移動します。

  3. 3

    キャンバスを調整

    幅300から1,600 px、高さ40から200 px、文字サイズ14から80 pxを選びます。

  4. 4

    色を選んで書き出し

    文字色と背景色を選び、SVGコードをコピーするかmarquee.svgをダウンロードします。

書き出されるSVGの内容

ダウンロードされるのは1つのSVGファイルです。Inter, Arial, sans-serif の太字テキスト、入力文字の連続した2つのコピー、単色の背景矩形、SVGの <animate> 要素が含まれます。アニメーションは文字を右端から左へ移動させ、無限に繰り返します。書き出しファイルにはJavaScriptも外部アセットも含まれません。

互換性と制限

SVGビューアや各プラットフォームはアニメーションを同じようには扱いません。ブラウザでは動いても、メールクライアント、文書エディタ、コンテンツフィルターでは静止テキストになったり、SVGやアニメーション自体が削除されたりすることがあります。使用先で必ず確認してください。

このエディタは右から左への固定移動、固定の太字フォントスタック、単色のカラーピッカーを使います。画像やロゴ、フォントファミリーや太さ、アクセシビリティのメタデータは追加できず、どの文字数でも継ぎ目のないループを保証するものではありません。

プライバシー

文字と設定はブラウザ内でローカルに生成されます。2ステップの編集中は次のステップへ引き継ぐため、このタブのセッションストレージだけに保存されます。当社のサーバーへ送信されることもURLに入ることもありません。最初からやり直すかタブを閉じると削除されます。

よくある質問

不要です。SVGのアニメーション要素を含み、JavaScriptは含みません。再生されるかどうかはビューアやプラットフォームによります。

このエディタではできません。文字は常に右から左へ動きます。

いいえ。プレビュー、コピー、ダウンロードはブラウザ内で作成されます。ステップ間でタブに残るのはセッション設定だけです。

関連ツール

マテリアルデザイン カラーピッカー

Material Designのカラーパレットを閲覧できます。任意の色調（50からA700）を1タップでHEX、RGB、HSL形式でコピーできます。

方眼紙ジェネレーター

印刷できる方眼紙をオンラインで作成：方眼またはドット罫を選び、間隔をmmで設定し、A4かLetterと好きな線の色を指定して、印刷または鮮明なSVGでダウンロードできます。

旗作成ツール

6種類のレイアウト、色、文字、シンボルで、シンプルな3:2のカスタム旗をブラウザ内でデザインします。SVGまたはPNGをダウンロードするか、ブラウザの印刷ダイアログを開けます。

画像アップスケーラー

AI超解像または従来の補間処理で、低解像度画像を2×、3×、4×に拡大しながら重要なディテールを保ちます。

罫線入り用紙ジェネレーター

印刷できる罫線入り用紙を無料で作成。カレッジ罫、広め罫、狭め罫を選び、行間をmmで設定し、用紙サイズとマージン線を決めて、印刷またはSVGでダウンロードできます。

画像ピクセルレーター

調整可能なブロックサイズで画像全体または選択した領域をピクセル化し、顔、ナンバープレート、またはレトロな8ビットアートの遮蔽に使用できます。

このツールは他の言語でも利用できます