ladybird/Tests/LibWeb/Layout/input/svg-preserve-aspect-ratio.html
Psychpsyo 5fad6b1938
Some checks are pending
CI / macOS, arm64, Sanitizer_CI, Clang (push) Waiting to run
CI / Linux, x86_64, Fuzzers_CI, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer_CI, GNU (push) Waiting to run
CI / Linux, x86_64, Sanitizer_CI, Clang (push) Waiting to run
Package the js repl as a binary artifact / macOS, arm64 (push) Waiting to run
Package the js repl as a binary artifact / Linux, x86_64 (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
Meta: Add doctypes to more layout tests
2025-06-07 11:09:53 +01:00

126 lines
2.2 KiB
HTML

<!DOCTYPE html>
<style>
* {
font-family: 'SerenitySans';
}
svg {
border: 1px solid black;
}
</style>
<svg
viewBox="0 0 100 100"
width="100"
height="50"
preserveAspectRatio="xMidYMid meet"
x="0"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="100"
height="50"
preserveAspectRatio="xMinYMid meet"
x="25"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="100"
height="50"
preserveAspectRatio="xMaxYMid meet"
x="50"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="100"
height="50"
preserveAspectRatio="xMidYMin slice"
x="0"
y="15">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="100"
height="50"
preserveAspectRatio="xMidYMid slice"
x="25"
y="15">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="100"
height="50"
preserveAspectRatio="xMidYMax slice"
x="50"
y="15">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="50"
height="125"
preserveAspectRatio="xMidYMin meet"
x="75"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="50"
height="125"
preserveAspectRatio="xMidYMid meet"
x="90"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="50"
height="125"
preserveAspectRatio="xMidYMax meet"
x="105"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="50"
height="125"
preserveAspectRatio="xMinYMid slice"
x="120"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="50"
height="125"
preserveAspectRatio="xMidYMid slice"
x="135"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="50"
height="125"
preserveAspectRatio="xMaxYMid slice"
x="150"
y="0">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>
<svg
viewBox="0 0 100 100"
width="160"
height="60"
preserveAspectRatio="none"
x="0"
y="30">
<circle cx="50" cy="50" r="50" fill="red" />
</svg>