- From: Paul LeBeau via GitHub <sysbot+gh@w3.org>
- Date: Tue, 21 Mar 2023 21:13:26 +0000
- To: public-svg-issues@w3.org
New attributes are not necessary. What you want can be achieved with existing features.
**Centred**
```
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<image id="img" href="http://placekitten.com/300/250"
width="68%"
height="68%"
x="-34%"
y="-34%"
/>
</defs>
<rect width="100%" height="100%" fill="#e44" />
<use xlink:href="#img" x="50%" y="50%"/>
</svg>
```
https://jsfiddle.net/5hjzo4mn/
---
**Bottom right**
```
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<image id="img" href="http://placekitten.com/300/250"
preserveAspectRatio="xMaxYMax meet"
width="68%"
height="68%"
x="-68%"
y="-68%"
/>
</defs>
<rect width="100%" height="100%" fill="#e44" />
<use xlink:href="#img" x="100%" y="100%"/>
</svg>
```
https://jsfiddle.net/5hjzo4mn/1/
--
GitHub Notification of comment by BigBadaboom
Please view or discuss this issue at https://github.com/w3c/svgwg/issues/909#issuecomment-1478587713 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 21 March 2023 21:13:28 UTC