HTML CSS examples for SVG:polygon
Create shape with text in SVG
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> text {<!-- ww w. ja v a2 s. com--> font-family:sans-serif; font-weight:bold; font-size:41px } </style> </head> <body> <svg xmlns="http://www.w3.org/2000/svg"> <defs> <clippath id="triangle1"> <polygon points="10,30 180,60 250,10" /> </clippath> </defs> <polygon points="10,30 180,60 250,10" fill="none" stroke="black" /> <text x="20" y="50" clip-path="url(#triangle1)"> Lorem ipsum d </text> </svg> </body> </html>