airbnb / airbnb/react-sketchapp

Svg did not rendered as expected

Open
#523 9 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
14.9k
Forks
797
PR merge metrics
No merged PRs in 30d

Description

| Reporting a bug or issue. |
| -------------------------------------------------------------------------------------------------

**Expected behavior:**
I have an SVG file that contains just a path and I want to render it. it renders well in the browser and even in the [simulator](https://snack.expo.io/@sayjeyhi/react-native-svg-example) of react-native.

**Observed behavior:**
render like it was rendered at [snack](https://snack.expo.io/@sayjeyhi/react-native-svg-example).

**How to reproduce:**
just put this SVG in basic SVG example.

**Sketch version:** 68.2

the svg file:
```js

```
regular render:
Screen Shot 1399-06-21 at 17 24 27

render with react-sketchapp:
Screen Shot 1399-06-21 at 17 47 16

Contributor guide

Open the contributing guide

Research direction

Start with the basic SVG example and the linked Snack, then compare the browser or simulator rendering with the react-sketchapp output shown in the issue. Reproduce the path-only SVG and trace the rendering entry point responsible for the discrepancy; done means the SVG renders as expected in Sketch.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, react-native
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.