svg - 如何将文本元素包装在 at a certain width or inside another element?
问题描述
根据svg 规范,有一种方法可以通过定义内容区域来自动换行文本元素。
在 'text' 元素中指定内容区域时,文本会自动换行。内容区域定义了用于换行文本的最外层容器。也可以给出一个包装上下文(一组排除区域)。实际的环绕区域是通过从内容区域中减去环绕上下文来定义的。包装上下文也可以通过 shape-padding 属性的值来减少。排除的有效区域可以通过 shape-margin 属性的值来扩大。
该规范包括其外观的图像,但没有实际代码的示例。
有人可以提供一个<svg></svg>
代码示例,其中包括以特定宽度或在另一个形状内包裹的文本元素<svg>
?
解决方案
推荐阅读
- javascript - Angular 7 标头未设置
- javascript - 下拉菜单适用于 Chrome,但不适用于 Safari 和 Firefox
- parsing - Bison: yywrap() 再次解析同一个文件?
- protractor - 如何在重新运行选项时仅在量角器中运行失败的规范
- reactjs - 将一个被文本包围的 HTML 元素作为 props 参数传递
- javascript - 在谷歌树形图上添加百分比标签
- spring - 如何使用spring-boot和hibernate解决stackoverflow异常?
- objective-c - 在我的 macOS 应用程序中,我收到了令人讨厌的“意外的出色后台 CATransaction”错误和崩溃,但仅在从 Xcode 运行时
- mysql - MySQL Select with CASE AND Group By
- reactjs - 使用 FAB 输入文件