不规则形状的DOM元素

如何使它们成为HTML或CSS？不规则形状的DOM元素

例如： http://draw.to/D11KGJr

我听说过的地图标记，但现在看来，这只是产生一种无形的点击区域，可以在其上不适用CSS属性，如边框或背景。

来源

2012-08-31 Alex

......这只是一个形象。这里没有不规则形状的元素，只是一个带圆角的div，包含''标签。如果您正在讨论绘制新图像，则使用'

出于兴趣，你为什么要这样做？ –

我只是好奇。例如，我可能想绘制一张地图 – Alex

除了像别人提出的那样使用CSS3技术，您还可以在您的HTML文档中嵌入SVG。

jsFiddle

<!doctype html> 
<html> 
    <!-- <head> ... --> 
    <body> 
    Taken from <a href="http://commons.wikimedia.org/wiki/File:SVG_example7.svg?uselang=de">http://commons.wikimedia.org/wiki/File:SVG_example7.svg?uselang=de</a>, thanks to <a href="http://commons.wikimedia.org/wiki/User_talk:Sarang?uselang=de">Sarang</a>! 
    <hr /> 
    <svg xmlns="http://www.w3.org/2000/svg" width="304" height="290"> 
     <path d="M2,111h300 l-242.7,176.3 92.7-285.3 92.7,285.3z" fill="#FB2" stroke="#B00" stroke-width="4" stroke-linejoin="round"/> 
    </svg> 
    </body> 
</html>

来源

2012-08-31 14:54:30 ComFreek