Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>Intrinsic sizing for <svg></title>
<style>
#container {
width: 200px;
height: 300px;
position: relative;
border: 10px solid black;
}
#target {
fill: green;
width: 200px;
height: 200px;
}
</style>
<div id="container">
<svg id="target" viewBox="0 0 50 50"><circle cx="50%" cy="50%" r="50%"></circle></svg>
</div>