<!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>

