SVG.text自动换行

时间 2019-11-25

标签 svg.text svg text 自动换行栏目 HTML 繁體版

原文原文链接

一、（20180530）目前查到的资料，说 SVG自身尚未文字自动换行的功能html

二、资料：segmentfault

　　2.一、xml - Auto line-wrapping in SVG text - Stack Overflow.html（https://stackoverflow.com/questions/4991171/auto-line-wrapping-in-svg-text）app

　　2.二、请问SVG text怎么设置字体大小？怎么换行？ - LeslieHoward的回答 - SegmentFault 思否.html（https://segmentfault.com/q/1010000008426252/a-1020000008428672）svg

　　2.三、大概相似的代码为：测试

<svg xmlns="http://www.w3.org/2000/svg" style="outline: 1px solid red;margin: 50px;">
    <switch>
        <foreignObject x="20" y="0" width="150" height="200" style="outline: 1px solid blue;">
            <p xmlns="http://www.w3.org/1999/xhtml">Text goes here, Text goes here, Text goes here, Text goes here</p>
        </foreignObject>
                
        <text x="20" y="20">Your SVG viewer cannot display html.</text>
    </switch>
</svg>

三、测试（20180619）字体

<switch>
    <foreignObject x="0" y="0" width="1500" height="2000" style="outline: 1px solid blue;">
        <p xmlns="http://www.w3.org/1999/xhtml">Text goes here, Text goes here, Text goes here, Text goes here.东<br/><br/>怡<br/><br/>变<br/><br/>04</p>
        <font xmlns="http://www.w3.org/1999/xhtml" face="黑体" color="red">东<br/><br/>怡<br/><br/>变<br/><br/>04</font>
        <html xmlns="http://www.w3.org/1999/xhtml">东<br/><br/>怡<br/><br/>变<br/><br/>04</html>
东
怡
变
04
    </foreignObject>
    
    <text x="20" y="20">Your SVG viewer cannot display html.</text>
</switch>

ZC：（1）、文字外面不加 或或<html/>等等的话，没有办法识别 （直接用回车也不行）spa

ZC：（2）、、、<html/> 的属性“xmlns="http://www.w3.org/1999/xhtml"” 是必须的，若是没有则文字是看不见的code

四、xml

五、htm

1. 自动换行
2. ireport自动换行
3. pycharm自动换行
4. fckeditor自动换行
5. pre自动换行
6. Eclipse自动换行
7. editplus自动换行?
8. html自动换行
9. UILabel自动换行
10. idea 自动换行
更多相关文章...
• Spring自动装配Bean - Spring教程
• SQLite Autoincrement（自动递增） - SQLite教程
• SpringBoot中properties文件不能自动提示解决方法
• IntelliJ IDEA中SpringBoot properties文件不能自动提示问题解决