Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /svg/geometry/parsing/negative-presentation-attribute-computed.svg - WPT Dashboard Interop Dashboard
SVG Preview (Scaled)
<?xml version="1.0" encoding="UTF-8"?>
width="400px" height="200px">
<title>SVG Geometry Properties: negative presentation-attribute values compute to the initial value</title>
<metadata>
<h:meta name="assert" content="A negative value supplied as a presentation attribute for r, rx or ry is invalid and computes to the property's initial value (auto for rx/ry, 0 for r); cx/cy accept negatives."/>
</metadata>
<ellipse id="e-rx" cx="50" cy="50" rx="-20" ry="30"/>
<ellipse id="e-ry" cx="50" cy="50" rx="30" ry="-20"/>
<circle id="c-r" cx="50" cy="50" r="-20"/>
<circle id="c-cx" cx="-20" cy="50" r="30"/>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<script><![CDATA[
test(() => {
assert_equals(getComputedStyle(document.getElementById("e-rx")).rx, "auto");
}, "negative rx presentation attribute computes to auto");
test(() => {
assert_equals(getComputedStyle(document.getElementById("e-ry")).ry, "auto");
}, "negative ry presentation attribute computes to auto");
test(() => {
assert_equals(getComputedStyle(document.getElementById("c-r")).r, "0px");
}, "negative r presentation attribute computes to 0px");
test(() => {
assert_equals(getComputedStyle(document.getElementById("c-cx")).cx, "-20px");
}, "negative cx presentation attribute is accepted");
]]></script>
</svg>