SVG with transform-origin property

Open

#2,884 opened on Sep 11, 2021 1 comment 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

blocked-upstream-dependency enhancement

Dominant language: JavaScript
Stars: 32.7k
Forks: 1.4k
Avg merge: 1d 14h
Merged PRs (30d): 5

Description

code
```

```

Chrome
![image](https://user-images.githubusercontent.com/953471/132948365-e501b621-9f40-4c54-9be5-a11f4336f49e.png)

output
![new-file](https://user-images.githubusercontent.com/953471/132948352-dba2eb74-d9c4-4ac7-b37d-b52a185db2aa.png)

Contributor guide

Open the contributing guide

First steps

Read the whole issue, then the project's contributing guide.
Comment on the issue to say you are picking it up — it saves two people doing the same work.
Fork the repository and make your change on a branch.
Open a pull request that references the issue number.

Research direction

Start by reproducing the supplied SVG input through sharp and compare its rendered output with the Chrome screenshots, focusing on the group and rectangle transform-origin attributes. Trace the SVG rendering path to determine how transform-origin is handled; done means the example renders consistently with the expected browser output and has regression coverage.

Written by the indexing model from the issue text.

Assessment

Tech stack: javascript, nodejs
Domain: backend
Issue type: Bug
Difficulty: 4/5
Estimated time: 3-5 days
Activity status: Stale
Clarity: Mostly clear
Newbie friendliness: 30/100