讨论社区

Adobe XD上传的SVG样式不符合要求

我们这边的UI小姐姐使用Adobe XD上传设计图到蓝湖,我在蓝湖下载的SVG是【内部CSS】样式,如何配置能使在蓝湖上下载的SVG是【演示文稿属性】样式的呢?


2 人关注了该问题 关注

0

amosyo1994 • 2周前

我这边使用Flutter开发不支持【内部CSS】样式,只支持【演示文稿属性】样式


0 个讨论

您需要登录后才可回复
0

amosyo1994 • 2周前

对于同一个切图,【内部CSS样式】:

<svg id="我的_默认" data-name="我的  默认" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17">
  <defs>
    <style>
      .cls-1 {
        isolation: isolate;
      }

      .cls-2, .cls-3, .cls-5 {
        fill: none;
      }

      .cls-2 {
        stroke: #919191;
      }

      .cls-2, .cls-3 {
        stroke-linecap: round;
        stroke-linejoin: round;
      }

      .cls-4, .cls-6 {
        stroke: none;
      }

      .cls-6 {
        fill: #919191;
      }
    </style>
  </defs>
  <g id="我的_默认-2" data-name="我的  默认" class="cls-1" transform="translate(-37 -627)">
    <g id="椭圆_172" data-name="椭圆 172" class="cls-2" transform="translate(41 627)">
      <circle class="cls-4" cx="4" cy="4" r="4"/>
      <circle class="cls-5" cx="4" cy="4" r="3.5"/>
    </g>
    <g id="减去_7" data-name="减去 7" class="cls-3" transform="translate(53 644) rotate(180)">
      <path class="cls-4" d="M8,9A8.184,8.184,0,0,1,2.343,6.783,7.319,7.319,0,0,1,0,1.432,7.234,7.234,0,0,1,.143,0H15.857A7.233,7.233,0,0,1,16,1.432a7.32,7.32,0,0,1-2.343,5.352A8.183,8.183,0,0,1,8,9Z"/>
      <path class="cls-6" d="M 8.000200271606445 8 C 9.880279541015625 8 11.6451301574707 7.309909820556641 12.96963024139404 6.056859970092773 C 14.27892971038818 4.818140029907227 15 3.175489902496338 15 1.431509971618652 C 15 1.287546396255493 14.99500846862793 1.143537044525146 14.98507690429688 1 L 1.014921307563782 1 C 1.004989504814148 1.143540382385254 1 1.287532448768616 1 1.431509971618652 C 1 3.175529956817627 1.721070051193237 4.818170070648193 3.030380010604858 6.056839942932129 C 4.354939937591553 7.309909820556641 6.119919776916504 8 8.000200271606445 8 M 8.000200271606445 9 C 5.863239765167236 9 3.854180097579956 8.212750434875488 2.343149900436401 6.783279895782471 C 0.8321400284767151 5.353789806365967 0 3.453160047531128 0 1.431509971618652 C 0 0.9503099918365479 0.04808999970555305 0.4686799943447113 0.1429200023412704 0 L 15.85708045959473 0 C 15.95207023620605 0.4695200026035309 16 0.9510400295257568 16 1.431509971618652 C 16 3.453140020370483 15.16786003112793 5.353759765625 13.65688037872314 6.783279895782471 C 12.14589977264404 8.212750434875488 10.13700008392334 9 8.000200271606445 9 Z"/>
    </g>
  </g>
</svg>


【演示文稿属性】样式:

<svg id="我的_默认" data-name="我的  默认" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17">
  <g id="我的_默认-2" data-name="我的  默认" transform="translate(-37 -627)" style="isolation: isolate">
    <g id="椭圆_172" data-name="椭圆 172" transform="translate(41 627)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
      <circle cx="4" cy="4" r="4" stroke="none"/>
      <circle cx="4" cy="4" r="3.5" fill="none"/>
    </g>
    <g id="减去_7" data-name="减去 7" transform="translate(53 644) rotate(180)" fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path d="M8,9A8.184,8.184,0,0,1,2.343,6.783,7.319,7.319,0,0,1,0,1.432,7.234,7.234,0,0,1,.143,0H15.857A7.233,7.233,0,0,1,16,1.432a7.32,7.32,0,0,1-2.343,5.352A8.183,8.183,0,0,1,8,9Z" stroke="none"/>
      <path d="M 8.000200271606445 8 C 9.880279541015625 8 11.6451301574707 7.309909820556641 12.96963024139404 6.056859970092773 C 14.27892971038818 4.818140029907227 15 3.175489902496338 15 1.431509971618652 C 15 1.287546396255493 14.99500846862793 1.143537044525146 14.98507690429688 1 L 1.014921307563782 1 C 1.004989504814148 1.143540382385254 1 1.287532448768616 1 1.431509971618652 C 1 3.175529956817627 1.721070051193237 4.818170070648193 3.030380010604858 6.056839942932129 C 4.354939937591553 7.309909820556641 6.119919776916504 8 8.000200271606445 8 M 8.000200271606445 9 C 5.863239765167236 9 3.854180097579956 8.212750434875488 2.343149900436401 6.783279895782471 C 0.8321400284767151 5.353789806365967 0 3.453160047531128 0 1.431509971618652 C 0 0.9503099918365479 0.04808999970555305 0.4686799943447113 0.1429200023412704 0 L 15.85708045959473 0 C 15.95207023620605 0.4695200026035309 16 0.9510400295257568 16 1.431509971618652 C 16 3.453140020370483 15.16786003112793 5.353759765625 13.65688037872314 6.783279895782471 C 12.14589977264404 8.212750434875488 10.13700008392334 9 8.000200271606445 9 Z" stroke="none" fill="#919191"/>
    </g>
  </g>
</svg>


0 个讨论

您需要登录后才可回复
您需要登录后才可以回复