首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在Google Maps API v3中指示SVG路径中的透明度?

如何在Google Maps API v3中指示SVG路径中的透明度?
EN

Stack Overflow用户
提问于 2012-10-30 00:04:07
回答 1查看 5.6K关注 0票数 2

我一直在不断地搜索stackoverflow,但还没有找到答案,所以就这样吧……

我有一个自定义的公交车SVG图像路径(见下文),它正确地绘制并“剪切”出我想要的透明部分,但不是前灯。我在http://www.w3.org/TR/SVG/paths.html#PathData上浏览了SVG path数据文档,肯定遗漏了什么。我不知道如何(在路径数据中,也可能不在其中)识别哪些被填充,哪些是透明蒙版或非填充区域的一部分。这就是我正在做的事情。

代码语言:javascript
复制
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
};
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-30 00:15:11

fill-rule确定形状的哪些部分位于形状的内部/外部。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13125289

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档