mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-05-14 07:02:54 +00:00
f39433d6b0
Previously most of the calculations for `object-fit` and `object-position` were based on device pixels, meaning that images would render differently based on zoom and DPI settings. Instead those calculations now use css pixels and only the final draw-call is based on device-pixels.
47 lines
1.7 KiB
HTML
47 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect width="250" height="167" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect width="300" height="250" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect x="50" width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect y="50" width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect x="50" y="50" width="150" height="100" fill="green" />
|
|
</svg>
|
|
<svg width="300" height="300">
|
|
<rect x="0" y="0" width="250" height="250" fill="red" />
|
|
<rect x="-50" y="-50" width="150" height="100" fill="green" />
|
|
</svg>
|