Ill_Keeping SVG 中文本元素的结构

Question

当我在 Illustrator 中将 AI 文件导出为 SVG 时，所有文本元素都被每个符号划分为它自己的元素（参见下面的代码片段），尽管在 Ill 中这是一个文本元素。有什么方法可以使文本元素的结构从 Ill 到 HTML?

    </g>
    <text transform="matrix(1 0 0 1 81.1016 620.4326)" font-family="'Calibri'" font-size="24px">S</text>
    <text transform="matrix(1 0 0 1 92.1289 620.4326)" font-family="'Calibri'" font-size="24px">K</text>
    <text transform="matrix(1 0 0 1 104.5977 620.4326)" font-family="'Calibri'" font-size="24px">A</text>
    <text transform="matrix(1 0 0 1 116.6094 620.4326)" font-family="'Calibri'" font-size="24px">T</text>
    <text transform="matrix(1 0 0 1 128.3047 620.4326)" font-family="'Calibri'" font-size="24px">I</text>
    <text transform="matrix(1 0 0 1 134.3516 620.4326)" font-family="'Calibri'" font-size="24px">N</text>
    <text transform="matrix(1 0 0 1 149.8438 620.4326)" font-family="'Calibri'" font-size="24px">G</text>
    </g>

Answer 1

问题出在 SVG 配置文件中 - 我只选择了 SVG 1.1，它起作用了。

SVG Tiny 不支持许多其他内容，例如：渐变、透明度、剪裁、遮罩、符号、图案、下划线文本、删除线、垂直文本或 SVG 滤镜效果。 SVG Tiny Plus 包括显示渐变和透明度的功能，但不支持剪裁、遮罩、符号或 SVG 滤镜效果。

Ill_Keeping SVG 中文本元素的结构

Ill_Keeping structure of text elements in SVG

html

svg

text

adobe-illustrator