红枫 发表于 2021-9-18 19:45

195400 发表于 2021-9-18 19:38
想想办法文本也可以让它自动换行。

略看过教程,仅介绍tspan 方法,还有好方法?望请指教。

红枫 发表于 2021-9-18 19:51

调整过文字 锚点 为end,就这作品而言效果好一点!

195400 发表于 2021-9-18 19:53

红枫 发表于 2021-9-18 19:45
略看过教程,仅介绍tspan 方法,还有好方法?望请指教。

<iframe src="http://pan.yinhuabbs.cn/view.php/42dda287dae6d78bf421905ab0943b33.html" scrolling='no' frameborder='0'
style="width:460px;height:640px;margin:12px auto;"> </iframe>

红枫 发表于 2021-9-18 19:58

195400 发表于 2021-9-18 19:53


谢谢!明天下载后学习学习。

红枫 发表于 2021-9-19 16:55

195400 发表于 2021-9-18 19:53

下载了。略看:似乎用了一个外部插件,且是运用及调用JS程序 按音画的歌词同步显示原理,达到了长段落文字的自动换行排列效果(可能是这样)。您真高明,不愧是个代码高手!佩服!!!
文件得好好保存并认真学习。

195400 发表于 2021-9-19 19:27

红枫 发表于 2021-9-19 16:55
下载了。略看:似乎用了一个外部插件,且是运用及调用JS程序 按音画的歌词同步显示原理,达到了长段落文 ...

似乎用了一个外部插件
这可不仅仅只是个插件,而是个十分强大的js库,使用jquery使得代码简单直观。

当然也可以不用jquery来实现,例如WAAPI, 它不需要任何附加的js库, 因为浏览器本身就能够支持。
页: 1 2 [3]
查看完整版本: 圆明园《四十景图》--------SVG 习作