如何在Google Maps API v3中的SVG路径中指示透明度？
我一直在寻找和关闭的计算器，并没有找到答案，所以这里去...
我有一个总线的自定义SVG图像路径（见下文），它正在正确绘制并“剪切”我希望透明的部分，而不是前大灯。 我已经浏览了http://www.w3.org/TR/SVG/paths.html#PathData中的SVG路径数据文档，并且必须缺少一些内容。 我不知道如何（在路径数据中，或者不在其中）来确定填充什么以及透明遮罩或非填充区域的一部分。 这就是我正在处理的事情。
var busSvg = {
// Bus body
// 282 wide... 322 wide with the sides added
top : 'c-4,-20,-18,-30,-38,-38 c-20,-8,-68,-18,-113,-19 c-35,1,-83,11,-113,19 c-20,8,-34,10,-38,38',
left : ' l-20,150 v170',
bottom : ' h26 v25 c0,30,45,30,45,0 v-25 h200 v25 c0,30,45,30,45,0 v-25 h26',
right : ' v-170 l-20,-150z',
// Marquee
marquee : 'm-60,10 h-182 c-20,0,-20,-25,0,-25 h182 c20,0,20,25,0,25z',
// Windshield
windshield : 'm-220,150 c-11,0,-14,-8,-12,-16 l12,-85 c2,-10,5,-17,18,-17 h220 c13,0,17,7,18,17 l12,85, c1,8,-1,16,-12,16 h-235z',
// Tires
tire_left : 'm15,100 c0,30,45,30,45,0 c0,-30,-45,-30,-45,0',
tire_right : 'm180,0 c0,30,45,30,45,0 c0,-30,-45,-30,-45,0',
};
var busIcon = {
path: 'M0,-100 '+busSvg['top']+busSvg['left']+busSvg['bottom']+busSvg['right']+busSvg['marquee']+busSvg['windshield']+busSvg['tire_left']+busSvg['tire_right'],
fillColor: "red",
fillOpacity: 1,
scale: .3, //.05,
strokeColor: "black",
strokeWeight: .5
};
填充规则确定形状的哪些部分在其内部/外部。
链接地址: http://www.djcxy.com/p/95743.html上一篇: How do I indicate transparency in an SVG path in Google Maps API v3?