thx / iconfont-plus

新版iconfont仓库,代码暂时不具备开源的条件。主要作为issues的仓库,不排除以后直接把代码在此开源。
MIT License
469 stars 54 forks source link

上传后图标丢失部分内容 #2661

Closed seanyour closed 4 months ago

seanyour commented 4 months ago

问题描述

上传图标后部分内容丢失

截图

上传前

image

上传后

image

重现步骤

期望结果

相关信息(重要)

相关文件(重要)

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" id="icon-group_9_1">

    <g id="icon-group_9_1_9-上下标/上下标1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="icon-group_9_1_编组" transform="translate(4.000000, 4.000000)" stroke="#999999" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.7">
            <g id="icon-group_9_1_5-修饰符号/_修饰符元素">
                <g id="icon-group_9_1_Group" transform="translate(0.365350, 0.448841)">
                    <line x1="1.52560769" y1="1.83625481e-17" x2="0" y2="1.83460487" id="icon-group_9_1_Line"></line>
                    <line x1="4.62125048" y1="0.0989919151" x2="0.0429451368" y2="5.60458902" id="icon-group_9_1_Line"></line>
                    <line x1="7.63168831" y1="0.121938966" x2="0" y2="9.29935241" id="icon-group_9_1_Line"></line>
                    <line x1="9.21495346" y1="2.0602355" x2="0.0714199505" y2="13.0557039" id="icon-group_9_1_Line"></line>
                    <line x1="9.21495346" y1="5.79101814" x2="1.54761026" y2="15.011308" id="icon-group_9_1_Line"></line>
                    <line x1="9.21122381" y1="9.5015357" x2="4.62125048" y2="15.021164" id="icon-group_9_1_Line"></line>
                    <line x1="9.18909459" y1="13.2560831" x2="7.69635809" y2="15.051159" id="icon-group_9_1_Line"></line>
                </g>
                <g id="icon-group_9_1_Group" transform="translate(4.998485, 8.000000) scale(-1, 1) translate(-4.998485, -8.000000) translate(0.416667, 0.500000)">
                    <line x1="1.51859537" y1="0.0139104389" x2="-2.58379177e-14" y2="1.87966842" id="icon-group_9_1_Line"></line>
                    <line x1="4.54553034" y1="0.0478328929" x2="-2.58379177e-14" y2="5.63250651" id="icon-group_9_1_Line"></line>
                    <line x1="7.63900839" y1="0" x2="-2.58379177e-14" y2="9.3853446" id="icon-group_9_1_Line"></line>
                    <line x1="9.16363636" y1="1.87966842" x2="0.0201028585" y2="13.1134842" id="icon-group_9_1_Line"></line>
                    <line x1="9.16363636" y1="5.63250651" x2="1.55077442" y2="14.9857274" id="icon-group_9_1_Line"></line>
                    <line x1="9.16363636" y1="9.3853446" x2="4.59370297" y2="15" id="icon-group_9_1_Line"></line>
                    <line x1="9.16363636" y1="13.1381827" x2="7.67266224" y2="14.970005" id="icon-group_9_1_Line"></line>
                </g>
            </g>
        </g>
        <path d="M16,7 L16,8 L15,8 L15,7 L16,7 Z M20,7 L20,8 L19,8 L19,7 L20,7 Z M18,7 L18,8 L17,8 L17,7 L18,7 Z M16,5 L16,6 L15,6 L15,5 L16,5 Z M20,5 L20,6 L19,6 L19,5 L20,5 Z M16,3 L16,4 L15,4 L15,3 L16,3 Z M20,3 L20,4 L19,4 L19,3 L20,3 Z M18,3 L18,4 L17,4 L17,3 L18,3 Z" id="icon-group_9_1_形状结合" fill="#000000"></path>
    </g>
</svg>

平台/浏览器版本(重要)

yisibl commented 4 months ago

这里存在一些 <line>,需要把所有形状转换成 path(路径)

seanyour commented 4 months ago

这里存在一些 <line>,需要把所有形状转换成 path(路径)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<g stroke="#999" stroke-linecap="round" stroke-linejoin="round" stroke-width=".7">
<path
d="M5.891 4.449L4.365 6.284M8.986 4.548l-4.578 5.506M11.997 4.57l-7.632 9.178M13.58 6.509L4.436 17.505M13.58 10.24l-7.667 9.22M13.576 13.95l-4.59 5.52M13.554 17.705L12.061 19.5" />
<g>
<path
d="M12.061 4.514l1.52 1.866M9.034 4.548l4.546 5.585M5.941 4.5l7.64 9.385M4.416 6.38l9.144 11.233M4.416 10.133l7.613 9.353M4.416 13.885l4.57 5.615M4.416 17.638l1.491 1.832" />
</g>
</g>
<path
d="M16 7v1h-1V7h1zm4 0v1h-1V7h1zm-2 0v1h-1V7h1zm-2-2v1h-1V5h1zm4 0v1h-1V5h1zm-4-2v1h-1V3h1zm4 0v1h-1V3h1zm-2 0v1h-1V3h1z"
fill="#000" />
</g>
</svg>

转换后上传还是不行