{"css":{
"font":{"family":"宋体","style":0,"size":18},
"color":{"r":0,"g":0,"b":255,"a":255},
"fill-color":{"r":125,"g":125,"b":125,"a":255},
"stroke":{"width":3}
},
bitmap:{
"basex":375,
"basey":0,
"width":100,
"height":100,
"graphs":[
{
"type":"com.taijue.gis.core.style.PolylineGraph",
"coordinates":[{"x":255,"y":0},{"x":435,"y":125},{"x":435,"y":-85},{"x":255,"y":0}],
}]
}
}
建议用H5 SVG 来画图，直接在html文件可使用：参考：http://www.w3school.com.cn/svg/svg_polygon.asp
<svg width="700" height="100" >
<polygon points="0,0 0,100 120,100" style="fill:blue; stroke:pink;stroke-width:5"/>
<polygon points="150,0 200,0 250,50 200,100 150,100 100,50" style="fill:blue; stroke:pink;stroke-width:5"/>
</svg>
<ul>
<li>points 属性定义多边形每个角的 x 和 y 坐标
其实一般实战中画三角形是用div的border属性来画的，可以参考下 http://blog.csdn.net/soularbiter/article/details/72860505