流动的文字 · 与它让开的东西

一页会绕排的文字：文字绕着会自己移动的物件实时绕排、逐字测量断行，物件可以拖拽扔出。

正在加载预览…

从这段提示词开始

一页会绕排的文字：文字绕着会自己移动的物件实时绕排、逐字测量断行，物件可以拖拽扔出。

做一页文字绕排实验页：一整屏中文短文，文字绕着会自己移动的物件实时绕排、逐字测量断行；物件漂移、碰撞，可被鼠标拖拽扔出；支持两栏/三栏排版切换、暂停/动起来与复位控制、滚轮缩放；衬线字体加大留白，保持阅读流畅。单文件静态页。

换成英文排版

内容换成英文短文并改用高对比无衬线字体，看拉丁字母如何绕着移动物件实时断行绕排。

做一页文字绕排实验页：一整屏中文短文，文字绕着会自己移动的物件实时绕排、逐字测量断行；物件漂移、碰撞，可被鼠标拖拽扔出；支持两栏/三栏排版切换、暂停/动起来与复位控制、滚轮缩放；衬线字体加大留白，保持阅读流畅。单文件静态页。

加物件编辑

除了可以切换栏数，还新增物件文字编辑功能：双击物件即可修改文字或替换成新物件，周围文字会同步实时重排。

做一页文字绕排实验页：一整屏中文短文，文字绕着会自己移动的物件实时绕排、逐字测量断行；物件漂移、碰撞，可被鼠标拖拽扔出；支持两栏/三栏排版切换、暂停/动起来与复位控制、滚轮缩放；衬线字体加大留白，保持阅读流畅。单文件静态页。

换成深色底

整页换成深色背景配衬线字体并加大留白，移动物件与绕排文字在暗底上对照更分明。

做一页文字绕排实验页：一整屏中文短文，文字绕着会自己移动的物件实时绕排、逐字测量断行；物件漂移、碰撞，可被鼠标拖拽扔出；支持两栏/三栏排版切换、暂停/动起来与复位控制、滚轮缩放；衬线字体加大留白，保持阅读流畅。单文件静态页。