text-overflow：省略号似乎不适用于SVG文本

Question

请参考下面的SVG代码示例，其中我想对长文本应用省略号，这似乎不起作用，因为我们知道CSS不适用于SVG。

请建议将CSS应用于SVG元素的任何替代解决方案。

    <g font-size="18" font-family="'ArialMT'" style="
        text-decoration: none;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        width: 80px;
        height: 32px;
    ">
     <text transform="translate(74.342 228.4)" style="
        text-decoration: none;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        width: 10px;
        height: 32px;
    ">
     Imran Shaikh dfdfd f dfdf d fd fd fd f df df d fd fd f df d fd fd 
    </text>
    </g>
    </svg>