Code Monkey home page Code Monkey logo

Comments (2)

xiaoosnggao avatar xiaoosnggao commented on May 22, 2024

I also encountered the same problem

 <svg
        id="图层_1"
        data-name="图层 1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 62.59 76.08">
        
        <ellipse
          cx="31.35"
          cy="60.59"
          rx="31.25"
          ry="15.49"
          style="fill: url(#未命名的渐变_18)" />
        <ellipse cx="31.35" cy="47.32" rx="31.25" ry="17.17" style="fill: #d59163" />
        <circle cx="23.79" cy="53.02" r="2.03" style="fill: #603813" />
        <circle cx="41.72" cy="53.02" r="2.03" style="fill: #603813" />
        <path
          d="M34.18,54.62a1.87,1.87,0,0,1-3.73,0c0-1,.84-1.21,1.86-1.21S34.18,53.59,34.18,54.62Z"
          style="fill: #603813" />
        <polyline
          points="30.58 56.95 32.31 55.52 34.05 56.95"
          style="
            fill: none;
            stroke: #603813;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.60881295917541px;
          " />
        <path
          d="M62.5,34.6c0,11.52-14,13-31.25,13S0,46.12,0,34.6,12.87,16.12,31.25,16.12,62.5,23.08,62.5,34.6Z"
          style="fill: url(#未命名的渐变_18-2)" />
        <path
          d="M18.54,21.58s14.61-.65,25.54,10.28"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M36.16,18.71a26.38,26.38,0,0,1,13.21,8"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M16.48,29.6s9.09-8.52,25.68-10.22"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M31.94,31.86a31.18,31.18,0,0,1,13-5.14"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M9,46.15a5.66,5.66,0,0,1,.42-5.79c2.06-2.83,9-2.13,10.83.94S20.07,48,20.07,48"
          style="
            fill: #d59163;
            stroke: #603813;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.12616907142279px;
          " />
        <path
          d="M56.35,46.15a5.66,5.66,0,0,0-.42-5.79c-2-2.83-9-2.13-10.83.94s.14,6.66.14,6.66"
          style="
            fill: #d59163;
            stroke: #603813;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.12616907142279px;
          " />
        <path
          d="M30.68,26.54c-10.13,0-14.86-5.06-14.26-11.09.76-7.8,5.46-7.31,7.57-10.64S26.24,0,29.36,0,45.13,4.69,46.05,14.13,39.92,26.54,30.68,26.54Z"
          style="fill: #fff4e7" />
        <ellipse cx="27.27" cy="13.31" rx="1.22" ry="1.44" style="fill: #8c7e7a" />
        <ellipse cx="35.64" cy="13.31" rx="1.22" ry="1.44" style="fill: #8c7e7a" />
        <defs>
          <radialGradient
            id="未命名的渐变_18"
            cx="31.94"
            cy="52.27"
            r="25.36"
            gradientTransform="translate(105.92 17.7) rotate(87.98) scale(1 1.44)"
            gradientUnits="userSpaceOnUse">
            <stop offset="0.72" stop-color="#fab47d" />
            <stop offset="1" stop-color="#ffd2a0" />
          </radialGradient>
          <radialGradient
            id="未命名的渐变_18-2"
            cx="31"
            cy="15.81"
            r="32.68"
            gradientTransform="translate(55.97 -15.2) rotate(90) scale(1 1.58)"
            xlink:href="#未命名的渐变_18" />
        </defs>
      </svg>

from react-native-svg.

talpx0 avatar talpx0 commented on May 22, 2024

I also encountered the same problem

 <svg
        id="图层_1"
        data-name="图层 1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 62.59 76.08">
        
        <ellipse
          cx="31.35"
          cy="60.59"
          rx="31.25"
          ry="15.49"
          style="fill: url(#未命名的渐变_18)" />
        <ellipse cx="31.35" cy="47.32" rx="31.25" ry="17.17" style="fill: #d59163" />
        <circle cx="23.79" cy="53.02" r="2.03" style="fill: #603813" />
        <circle cx="41.72" cy="53.02" r="2.03" style="fill: #603813" />
        <path
          d="M34.18,54.62a1.87,1.87,0,0,1-3.73,0c0-1,.84-1.21,1.86-1.21S34.18,53.59,34.18,54.62Z"
          style="fill: #603813" />
        <polyline
          points="30.58 56.95 32.31 55.52 34.05 56.95"
          style="
            fill: none;
            stroke: #603813;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.60881295917541px;
          " />
        <path
          d="M62.5,34.6c0,11.52-14,13-31.25,13S0,46.12,0,34.6,12.87,16.12,31.25,16.12,62.5,23.08,62.5,34.6Z"
          style="fill: url(#未命名的渐变_18-2)" />
        <path
          d="M18.54,21.58s14.61-.65,25.54,10.28"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M36.16,18.71a26.38,26.38,0,0,1,13.21,8"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M16.48,29.6s9.09-8.52,25.68-10.22"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M31.94,31.86a31.18,31.18,0,0,1,13-5.14"
          style="
            fill: none;
            stroke: #eba178;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.41321943876311px;
          " />
        <path
          d="M9,46.15a5.66,5.66,0,0,1,.42-5.79c2.06-2.83,9-2.13,10.83.94S20.07,48,20.07,48"
          style="
            fill: #d59163;
            stroke: #603813;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.12616907142279px;
          " />
        <path
          d="M56.35,46.15a5.66,5.66,0,0,0-.42-5.79c-2-2.83-9-2.13-10.83.94s.14,6.66.14,6.66"
          style="
            fill: #d59163;
            stroke: #603813;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.12616907142279px;
          " />
        <path
          d="M30.68,26.54c-10.13,0-14.86-5.06-14.26-11.09.76-7.8,5.46-7.31,7.57-10.64S26.24,0,29.36,0,45.13,4.69,46.05,14.13,39.92,26.54,30.68,26.54Z"
          style="fill: #fff4e7" />
        <ellipse cx="27.27" cy="13.31" rx="1.22" ry="1.44" style="fill: #8c7e7a" />
        <ellipse cx="35.64" cy="13.31" rx="1.22" ry="1.44" style="fill: #8c7e7a" />
        <defs>
          <radialGradient
            id="未命名的渐变_18"
            cx="31.94"
            cy="52.27"
            r="25.36"
            gradientTransform="translate(105.92 17.7) rotate(87.98) scale(1 1.44)"
            gradientUnits="userSpaceOnUse">
            <stop offset="0.72" stop-color="#fab47d" />
            <stop offset="1" stop-color="#ffd2a0" />
          </radialGradient>
          <radialGradient
            id="未命名的渐变_18-2"
            cx="31"
            cy="15.81"
            r="32.68"
            gradientTransform="translate(55.97 -15.2) rotate(90) scale(1 1.58)"
            xlink:href="#未命名的渐变_18" />
        </defs>
      </svg>

I think it takes really long time to fix it , I convert it to png , you can try this too

from react-native-svg.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.