Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>SVG fragment identifier: svgView() attributes may appear in any order</title>
<link rel="match" href="svgview-teal-100x50-ref.html">
<meta name="assert" content="The types of SVGViewAttribute may occur in any order, so preserveAspectRatio() before viewBox() must render identically to viewBox() before preserveAspectRatio().">
<!--
support/squares.svg is 200x200 with four solid quadrants:
#d46847 terracotta | #2a9d8f teal
#264653 indigo | #e9c46a sand
Same fragment as svgview-preserveaspectratio.html with the two attributes swapped,
and the same reference. If an implementation required a fixed order, one of the two
would fail while the other passed.
-->
<style>
body { margin: 0; }
img { display: block; border: none; }
</style>
<img src="support/squares.svg#svgView(preserveAspectRatio(none);viewBox(100,0,100,100))" width="100" height="50" alt="">