반응형
SVG Rounded Rectangle
Example
<svg width="400" height="180">
<rect x="50" y="20" rx="20" ry="20" width="150" height="150"
style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
</svg>
<!DOCTYPE html>
<html>
<body>
<svg width="400" height="180">
<rect x="50" y="20" rx="20" ry="20" width="150" height="150"
style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
반응형
'IT > html' 카테고리의 다른 글
| html5 SVG Logo (0) | 2017.01.27 |
|---|---|
| html5 SVG Star (0) | 2017.01.26 |
| html5 SVG Rectangle (0) | 2017.01.26 |
| html5 SVG Circle (0) | 2017.01.24 |
| HTML5 Canvas Draw Image (0) | 2017.01.24 |