- From: Said Abou-Hallawa via GitHub <noreply@w3.org>
- Date: Tue, 21 Apr 2026 16:29:57 +0000
- To: public-css-archive@w3.org
When do I need to zoom a certain SVG element but not the rest of the elements?
What is the use case for applying CSS zoom on certain SVG elements?
How will zooming work with referenced elements?
```
<circle id="myCircle" cx="5" cy="5" r="4" stroke="blue" style="zoom: 3;"/>
<use href="#myCircle" x="10" style="zoom: 2;" />
```
Will the zooming of the referenced element be accumulated or be overridden in this case?
What is the difference between this and that:
```
<circle id="myCircle" cx="5" cy="5" r="4" transfrom="scale(3)"/>
<use href="#myCircle" x="10" transfrom="scale(2)" />
```
Will the position of the zoomed element be scaled inside the parent element:
```
<circle id="myCircle" cx="5" cy="5" r="4" transfrom="scale(3)"/>
```
The zoomed radius of this circle is 12. But should its center also be zoomed i.e. { 15, 15 }? Or should it stayed unzoomed i.e { 5, 5 } since the center is in the coordinates of the parent element?
--
GitHub Notification of comment by shallawa
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10490#issuecomment-4290185686 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 21 April 2026 16:29:57 UTC