Comments (2)
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.
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)
- Svg Image pointerEvents="none" not working on Android
- Invalid `RNSVG.podspec` file: undefined method `visionos' for #<Pod::Specification name="RNSVG">. HOT 13
- Invariant Violation: requireNativeComponent: "RNSVGPath" was not found in the UIManager. HOT 2
- Fatal Exception: java.lang.Error Invalid number formating character 'N' HOT 2
- SvgUri can not load some of the svgs in both android and ios
- Animating the strokeDashArray prop of an animated Path crashes running on the Android Simulator
- <Text /> with PanResponder only works if you click exactly on the letters
- Failed parsing SvgCssUri for first time, after reopening app it appears
- React native web + vitest issue - Cannot use import statement outside a module HOT 4
- fetchText method error : TypeError: Cannot read property 'prototype' of undefined when trying to call svg from uri
- HTML entities contained in an XML string are not decoded by the SvgXml component
- Path not rendering correctly HOT 1
- How to center Text along a path?
- React Native SVG stroke-width bug on expo web.
- SVG image not import in React native HOT 2
- ForeignObject works with panResponder? HOT 1
- Why is `err` exported?
- stroke-width default value must be 1
- Error "ViewPropTypes" undefined in svg.js file
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-svg.