Handheld banner

Calculate scrolling banner geometry, mirroring, neon themes, and SVG preview without bitmap generation.

Runs in your browserEvery computation happens in your browser — your data never leaves this device.

Text

Handheld banner

Scroll geometry and SVG preview

Enter text to see the result

What this tool does

Make concert signs
Preview scroll speed

Example

Input

Go

Output

弹幕：Go（2 字）· 主题 fluorescent · 方向 从右往左
屏幕 1280 × 480px · 字号 297.6px · 速度 160px/秒 · 重复 1 次
单条文字宽 345.22px · 整条横幅宽 1625.22px · 循环一周 10.16 秒 · 当前偏移 0px
未镜像：正常方向举牌即可。
配色：背景 #04160a · 文字 #7cff5a · 辉光 #39ff14

手持弹幕建议：把手机横过来并锁屏常亮，亮度拉满；字号越大、文字越短，远处越容易看清。

预览 SVG（按当前偏移绘制一帧）：
<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="480" viewBox="0 0 1280 480" role="img">
  <rect x="0" y="0" width="1280" height="480" fill="#04160a" />
  <g font-family="system-ui, -apple-system, 'Noto Sans SC', sans-serif">
  <text x="1280" y="344.16" font-size="297.6" font-weight="900" fill="#7cff5a" style="paint-order:stroke" stroke="#39ff14" stroke-width="11.9">Go</text>
  </g>
</svg>

Outputs scroll parameters and SVG.

Frequently asked questions

Is mirroring supported?

Yes, the whole screen can be flipped horizontally.

Does it keep the screen awake?

No, that is controlled by the page or system.

Does it encode images?

No, it generates SVG only.

Keywords：弹幕banner滚动镜像SVG

What this tool does

Example

Frequently asked questions

Related tools