Ill_Keeping SVG 中文本元素的结构

问题描述

当我在 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>

解决方法

问题出在 SVG 配置文件中 - 我只是选择了 SVG 1.1 并且它有效。

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