38 lines
965 B
HTML
38 lines
965 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
#circle {
|
||
|
|
position: absolute;
|
||
|
|
left: 10px;
|
||
|
|
top: 40px;
|
||
|
|
width: 40px;
|
||
|
|
height: 20px;
|
||
|
|
background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='10' fill='green' /></svg>");
|
||
|
|
transform:scale(5);
|
||
|
|
transform-origin:0 0;
|
||
|
|
-webkit-transform:scale(5);
|
||
|
|
-webkit-transform-origin:0 0;
|
||
|
|
}
|
||
|
|
#ellipse {
|
||
|
|
position: absolute;
|
||
|
|
left: 210px;
|
||
|
|
top: 40px;
|
||
|
|
width: 80px;
|
||
|
|
height: 10px;
|
||
|
|
background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='10'><ellipse cx='20' cy='5' rx='20' ry='5' fill='green' /></svg>");
|
||
|
|
transform:scale(2.5, 10);
|
||
|
|
transform-origin:0 0;
|
||
|
|
-webkit-transform:scale(2.5, 10);
|
||
|
|
-webkit-transform-origin:0 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
Test for WK110295: This test passes if there are four green circles with sharp edges.<br/>
|
||
|
|
<div id="circle"></div>
|
||
|
|
<div id="ellipse"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|