search

MMF-FE / svgicon

SVG icon components and tool set
https://mmf-fe.github.io/svgicon
MIT License
922 stars 95 forks source link

fill atributes are prefixed by "_" #88

Closed erwanpoupard closed 4 years ago

erwanpoupard commented 5 years ago

I dont know why, but one of my svg doesnt generate well.

all fill attributes are prefixed by "_". So the color fill is ignored :

my original svg : 

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"><circle cx="250" cy="250" r="250" fill="#5479f7"/><path d="M300.62 102.1a125 125 0 1 0-176.78 176.78L250 405v18.87l67.39 66.85v.05a250.35 250.35 0 0 0 178.19-193.71z" fill="#3d5fc1"/><circle cx="211.96" cy="190.22" r="125" fill="#acabb1"/><path d="M212 65.22v250a125 125 0 0 0 0-250z" fill="#898890"/><circle cx="211.96" cy="190.22" r="107.76" fill="#fff"/><path d="M212 82.46V298a107.76 107.76 0 0 0 0-215.52z" fill="#d8d7da"/><path d="M279.08 141.22l-18.29-18.29-54.36 54.36h-50.51v25.86h60.94l62.22-61.93z"/><path fill="#fff" d="M250 217.39h152.17v206.52H250z"/><path fill="#e1e3fa" d="M326.09 217.39h76.09v206.52h-76.09z"/><g fill="#c6c5ca"><path d="M315.22 369.57h65.22v10.87h-65.22z"/><circle cx="288.04" cy="375" r="16.3"/><path d="M315.22 315.22h65.22v10.87h-65.22z"/></g><path d="M282.77 336.96l-14.52-12.85 6.76-7.64 6.62 5.85 14.85-17.97 7.87 6.5-21.58 26.11z"/><path fill="#c6c5ca" d="M315.22 260.87h65.22v10.87h-65.22z"/><path d="M282.77 282.61l-14.52-12.85 6.76-7.64 6.62 5.86L296.48 250l7.87 6.5-21.58 26.11z"/></svg>

generated svg : 

 'waitinglist': {
    width: 500,
    height: 500,
    viewBox: '0 0 500 500',
    data: '<circle pid="0" cx="250" cy="250" r="250" _fill="#5479f7"/><path pid="1" d="M300.62 102.1a125 125 0 1 0-176.78 176.78L250 405v18.87l67.39 66.85v.05a250.35 250.35 0 0 0 178.19-193.71z" _fill="#3d5fc1"/><circle pid="2" cx="211.96" cy="190.22" r="125" _fill="#acabb1"/><path pid="3" d="M212 65.22v250a125 125 0 0 0 0-250z" _fill="#898890"/><circle pid="4" cx="211.96" cy="190.22" r="107.76" _fill="#fff"/><path pid="5" d="M212 82.46V298a107.76 107.76 0 0 0 0-215.52z" _fill="#d8d7da"/><path pid="6" d="M279.08 141.22l-18.29-18.29-54.36 54.36h-50.51v25.86h60.94l62.22-61.93z"/><path pid="7" _fill="#fff" d="M250 217.39h152.17v206.52H250z"/><path pid="8" _fill="#e1e3fa" d="M326.09 217.39h76.09v206.52h-76.09z"/><g _fill="#c6c5ca"><path pid="9" d="M315.22 369.57h65.22v10.87h-65.22z"/><circle pid="10" cx="288.04" cy="375" r="16.3"/><path pid="11" d="M315.22 315.22h65.22v10.87h-65.22z"/></g><path pid="12" d="M282.77 336.96l-14.52-12.85 6.76-7.64 6.62 5.85 14.85-17.97 7.87 6.5-21.58 26.11z"/><path pid="13" _fill="#c6c5ca" d="M315.22 260.87h65.22v10.87h-65.22z"/><path pid="14" d="M282.77 282.61l-14.52-12.85 6.76-7.64 6.62 5.86L296.48 250l7.87 6.5-21.58 26.11z"/>'
  }

this happened since ive updated the package for latest version.

Allenice commented 5 years ago

You can use original prop to use default colors. If you want to use original colors, you can use isOriginalDefault plugin option.

refs: