22
33Here's a simple example. To render output like this:
44
5- ![ SVG example] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/svg.png )
5+ ![ SVG example] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/svg.png )
66
77Use the following code:
88
@@ -385,7 +385,7 @@ Colors set in the Svg element are inherited by its children:
385385< / Svg>
386386```
387387
388- ![ Pencil] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/pencil.png )
388+ ![ Pencil] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/pencil.png )
389389
390390Code explanation:
391391
@@ -411,7 +411,7 @@ The <Rect> element is used to create a rectangle and variations of a rectangle s
411411< / Svg>
412412```
413413
414- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/rect.png )
414+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/rect.png )
415415
416416Code explanation:
417417
@@ -429,7 +429,7 @@ The <Circle> element is used to create a circle:
429429< / Svg>
430430```
431431
432- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/circle.png )
432+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/circle.png )
433433
434434Code explanation:
435435
@@ -456,7 +456,7 @@ An ellipse is closely related to a circle. The difference is that an ellipse has
456456< / Svg>
457457```
458458
459- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/ellipse.png )
459+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/ellipse.png )
460460
461461Code explanation:
462462
@@ -475,7 +475,7 @@ The <Line> element is an SVG basic shape, used to create a line connecting two p
475475< / Svg>
476476```
477477
478- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/line.png )
478+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/line.png )
479479
480480Code explanation:
481481
@@ -499,7 +499,7 @@ The <Polygon> element is used to create a graphic that contains at least three s
499499< / Svg>
500500```
501501
502- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/polygon.png )
502+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/polygon.png )
503503
504504Code explanation:
505505
@@ -520,7 +520,7 @@ The <Polyline> element is used to create any shape that consists of only straigh
520520< / Svg>
521521```
522522
523- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/polyline.png )
523+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/polyline.png )
524524
525525Code explanation:
526526
@@ -555,7 +555,7 @@ The following commands are available for path data:
555555< / Svg>
556556```
557557
558- ![ Rect] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/path.png )
558+ ![ Rect] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/path.png )
559559
560560## Text
561561
@@ -576,7 +576,7 @@ The <Text> element is used to define text.
576576< / Svg>
577577```
578578
579- ![ Text] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/text.png )
579+ ![ Text] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/text.png )
580580
581581## TSpan
582582
@@ -609,7 +609,7 @@ The <TSpan> element is used to draw multiple lines of text in SVG. Rather than h
609609< / Svg>
610610```
611611
612- ![ TSpan] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/tspan.png )
612+ ![ TSpan] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/tspan.png )
613613
614614## TextPath
615615
@@ -634,7 +634,7 @@ In addition to text drawn in a straight line, SVG also includes the ability to p
634634< / Svg>
635635```
636636
637- ![ TextPath] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/text-path.png )
637+ ![ TextPath] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/text-path.png )
638638
639639## G
640640
@@ -654,7 +654,7 @@ The <G> element is a container used to group other SVG elements. Transformations
654654< / Svg>
655655```
656656
657- ![ G] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/g.png )
657+ ![ G] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/g.png )
658658
659659## Use
660660
@@ -682,7 +682,7 @@ Before the <G> element can be referenced, it must have an ID set on it via its i
682682
683683The <Use > element specifies where to show the reused shapes via its x and y props. Notice that the shapes inside the <G > element are located at 0,0. That is done because their position is added to the position specified in the <Use > element.
684684
685- ![ use] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/use.png )
685+ ![ use] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/use.png )
686686
687687## Symbol
688688
@@ -708,7 +708,7 @@ The SVG <Symbol> element is used to define reusable symbols. The shapes nested i
708708< / Svg>
709709```
710710
711- ![ Symbol] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/symbol.png )
711+ ![ Symbol] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/symbol.png )
712712
713713## Defs
714714
@@ -750,7 +750,7 @@ The <Image> element allows a raster image to be included in an Svg component.
750750< / Svg>
751751```
752752
753- ![ Image] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/image.png )
753+ ![ Image] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/image.png )
754754
755755## ClipPath
756756
@@ -800,7 +800,7 @@ The <ClipPath> SVG element defines a clipping path. A clipping path is used/refe
800800< / Svg>
801801```
802802
803- ![ ClipPath] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/clip-path.png )
803+ ![ ClipPath] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/clip-path.png )
804804
805805## LinearGradient
806806
@@ -832,7 +832,7 @@ Code explanation:
832832- The color range for a gradient can be composed of two or more colors. Each color is specified with a <Stop > tag. The offset prop is used to define where the gradient color begin and end
833833- The fill prop links the ellipse element to the gradient
834834
835- ![ LinearGradient] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/lineargradient.png )
835+ ![ LinearGradient] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/lineargradient.png )
836836
837837_ NOTICE:_
838838LinearGradient also supports percentage as prop:
@@ -877,7 +877,7 @@ Code explanation:
877877- The color range for a gradient can be composed of two or more colors. Each color is specified with a <stop > tag. The offset prop is used to define where the gradient color begin and end
878878- The fill prop links the ellipse element to the gradient
879879
880- ![ RadialGradient] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/radialgradient.png )
880+ ![ RadialGradient] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/radialgradient.png )
881881
882882## Mask
883883
@@ -1226,7 +1226,7 @@ You can use these events to provide interactivity to your react-native-svg compo
12261226/ >
12271227```
12281228
1229- ![ TouchEvents] ( https://raw.githubusercontent.com/react-native-community /react-native-svg/master/screenshots/touchevents.gif )
1229+ ![ TouchEvents] ( https://raw.githubusercontent.com/software-mansion /react-native-svg/master/screenshots/touchevents.gif )
12301230
12311231For more examples of touch in action, checkout the [ TouchEvents.js examples] ( https://github.com/magicismight/react-native-svg-example/blob/master/examples/TouchEvents.js ) .
12321232
0 commit comments