Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion CONTRIBUTING.md
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ Releases are published from `main` with npm Trusted Publishing.

## Reporting issues

You can report issues on our [bug tracker](https://github.com/react-native-community/react-native-svg/issues). Please
You can report issues on our [bug tracker](https://github.com/software-mansion/react-native-svg/issues). Please
search for existing issues and follow the issue template when opening one.

## License
Expand Down
2 changes: 1 addition & 1 deletion RNSVG.podspec
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Pod::Spec.new do |s|
s.license = package['license']
s.homepage = package['homepage']
s.authors = 'Horcrux Chen'
s.source = { :git => 'https://github.com/react-native-community/react-native-svg.git', :tag => "v#{s.version}" }
s.source = { :git => 'https://github.com/software-mansion/react-native-svg.git', :tag => "v#{s.version}" }
s.source_files = 'apple/**/*.{h,m,mm}'
s.ios.exclude_files = '**/*.macos.{h,m,mm}'
s.tvos.exclude_files = '**/*.macos.{h,m,mm}'
Expand Down
40 changes: 20 additions & 20 deletions USAGE.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

Here's a simple example. To render output like this:

![SVG example](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/svg.png)
![SVG example](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/svg.png)

Use the following code:

Expand Down Expand Up @@ -385,7 +385,7 @@ Colors set in the Svg element are inherited by its children:
</Svg>
```

![Pencil](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/pencil.png)
![Pencil](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/pencil.png)

Code explanation:

Expand All @@ -411,7 +411,7 @@ The <Rect> element is used to create a rectangle and variations of a rectangle s
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/rect.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/rect.png)

Code explanation:

Expand All @@ -429,7 +429,7 @@ The <Circle> element is used to create a circle:
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/circle.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/circle.png)

Code explanation:

Expand All @@ -456,7 +456,7 @@ An ellipse is closely related to a circle. The difference is that an ellipse has
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/ellipse.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/ellipse.png)

Code explanation:

Expand All @@ -475,7 +475,7 @@ The <Line> element is an SVG basic shape, used to create a line connecting two p
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/line.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/line.png)

Code explanation:

Expand All @@ -499,7 +499,7 @@ The <Polygon> element is used to create a graphic that contains at least three s
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/polygon.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/polygon.png)

Code explanation:

Expand All @@ -520,7 +520,7 @@ The <Polyline> element is used to create any shape that consists of only straigh
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/polyline.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/polyline.png)

Code explanation:

Expand Down Expand Up @@ -555,7 +555,7 @@ The following commands are available for path data:
</Svg>
```

![Rect](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/path.png)
![Rect](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/path.png)

## Text

Expand All @@ -576,7 +576,7 @@ The <Text> element is used to define text.
</Svg>
```

![Text](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/text.png)
![Text](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/text.png)

## TSpan

Expand Down Expand Up @@ -609,7 +609,7 @@ The <TSpan> element is used to draw multiple lines of text in SVG. Rather than h
</Svg>
```

![TSpan](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/tspan.png)
![TSpan](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/tspan.png)

## TextPath

Expand All @@ -634,7 +634,7 @@ In addition to text drawn in a straight line, SVG also includes the ability to p
</Svg>
```

![TextPath](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/text-path.png)
![TextPath](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/text-path.png)

## G

Expand All @@ -654,7 +654,7 @@ The <G> element is a container used to group other SVG elements. Transformations
</Svg>
```

![G](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/g.png)
![G](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/g.png)

## Use

Expand Down Expand Up @@ -682,7 +682,7 @@ Before the <G> element can be referenced, it must have an ID set on it via its i

The <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.

![use](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/use.png)
![use](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/use.png)

## Symbol

Expand All @@ -708,7 +708,7 @@ The SVG <Symbol> element is used to define reusable symbols. The shapes nested i
</Svg>
```

![Symbol](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/symbol.png)
![Symbol](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/symbol.png)

## Defs

Expand Down Expand Up @@ -750,7 +750,7 @@ The <Image> element allows a raster image to be included in an Svg component.
</Svg>
```

![Image](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/image.png)
![Image](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/image.png)

## ClipPath

Expand Down Expand Up @@ -800,7 +800,7 @@ The <ClipPath> SVG element defines a clipping path. A clipping path is used/refe
</Svg>
```

![ClipPath](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/clip-path.png)
![ClipPath](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/clip-path.png)

## LinearGradient

Expand Down Expand Up @@ -832,7 +832,7 @@ Code explanation:
- 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
- The fill prop links the ellipse element to the gradient

![LinearGradient](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/lineargradient.png)
![LinearGradient](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/lineargradient.png)

_NOTICE:_
LinearGradient also supports percentage as prop:
Expand Down Expand Up @@ -877,7 +877,7 @@ Code explanation:
- 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
- The fill prop links the ellipse element to the gradient

![RadialGradient](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/radialgradient.png)
![RadialGradient](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/radialgradient.png)

## Mask

Expand Down Expand Up @@ -1226,7 +1226,7 @@ You can use these events to provide interactivity to your react-native-svg compo
/>
```

![TouchEvents](https://raw.githubusercontent.com/react-native-community/react-native-svg/master/screenshots/touchevents.gif)
![TouchEvents](https://raw.githubusercontent.com/software-mansion/react-native-svg/master/screenshots/touchevents.gif)

For more examples of touch in action, checkout the [TouchEvents.js examples](https://github.com/magicismight/react-native-svg-example/blob/master/examples/TouchEvents.js).

Expand Down
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@
"version": "15.15.5",
"name": "react-native-svg",
"description": "SVG library for react-native",
"homepage": "https://github.com/react-native-community/react-native-svg",
"homepage": "https://github.com/software-mansion/react-native-svg",
"repository": {
"type": "git",
"url": "https://github.com/react-native-community/react-native-svg"
"url": "https://github.com/software-mansion/react-native-svg"
},
"license": "MIT",
"main": "lib/commonjs/index.js",
Expand Down
Loading