您能否在SVG中对形状进行“分组”，使每个形状只填充一次-即使它们重叠？
在SVG中，可以使用<g>元素对形状进行分组，以便每个形状只填充一次，即使它们重叠。通过将相关的形状放入一个<g>元素中，可以将它们视为一个整体进行操作。
<g>元素是SVG中的一个容器元素，它可以包含其他形状元素或其他<g>元素。通过将形状放入同一个<g>元素中，可以将它们分组在一起。
以下是一个示例，演示如何在SVG中对形状进行分组：
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
<g>
<rect x="50" y="50" width="100" height="100" fill="red" />
<circle cx="150" cy="150" r="50" fill="blue" />
</g>
<g>
<rect x="100" y="100" width="100" height="100" fill="green" />
<circle cx="200" cy="200" r="50" fill="yellow" />
</g>
</svg>在上面的示例中，我们创建了两个<g>元素，每个<g>元素中包含一个矩形和一个圆形。这样，每个形状都可以单独进行填充，即使它们重叠。
关于SVG中形状分组的更多信息，您可以参考腾讯云的SVG文档：SVG文档
相关·内容
在下面显示的示例代码中，在SVG中有没有办法让填充只应用于整个形状/组一次？目前，每个单独的形状都是单独填充的-因此，因为圆圈与矩形重叠，并且填充颜色是半不透明的，所以在圆圈与矩形重叠的地方会得到较暗的部分。我尝试使用填充规则属性设置为evenodd，但似乎没有任何效果。 <body>
浏览 23提问于2021-03-07得票数 0
回答已采纳
1回答
模糊SVG绘制
、、、、
我很难解决svg->字体转换的问题。在Safari (或者Firefox或Opera)中，这个预览看起来不同。但它们都有一个填充的区域。您可以自己查看预览链接，或者下面是它的屏幕截图：
狩猎旅行：为什么这个<
浏览 3提问于2015-01-13得票数 0
回答已采纳
1回答
自动重叠SVG边
、、
我正在处理大量复杂的SVG文件，在这些文件中，形状共享一些精确的路径(即，在从位图向量化后，它们被排列成边缘到边缘)。这些形状由路径定义，有丰富的颜色，但没有轮廓。在我的工作流程的下一个步骤中，这将创建一个边缘工件。我已经找到了解决这个问题的最好方法是手动移动节点，这样就会有少量的边缘重叠(例如，1px)。在开发过程中，我需要对大约1k的30+图形进行处理，这就是为什么我希望我的工作流程是自动化的。
浏览 0提问于2019-10-11得票数 0
我正在使用一些VBA代码来创建一个自动形状和一个文本框，对它们进行分组，然后根据单元格的位置移动到垂直和水平位置。代码将查看用户输入来创建形状和文本框并对其进行分组，并且通常会创建超过100个形状，其中许多形状会重叠。目前，这些组是参照一行的顶部放置的；我希望将它们分开，这样它们就不会重叠。我对此进行了广泛的研
浏览 1提问于2014-09-26得票数 1
1回答
例如，如果我使用4条线绘制一个矩形，我是否可以将这4条边复制成一条单独的路径，以便填充该路径？下面是一个块更改宽度的示例，从4列到3列到2列到1列。当最初添加到4列时，每个边都有一个唯一的类和id，顶部和顶部和底部都有4个唯一的类和id。所以，当我从4到3，我只是隐藏某些类，理智的去下降到2或1。这里是另一个不同形状的块的例子。
浏览 0提问于2014-11-24得票数 0
回答已采纳
我正在制作一个Google应用程序，它应该支持对显示的数据进行高度定制。我希望允许用户(除其他外)在这些形状的各种形状和颜色之间进行选择。目前，我已经创建了这些形状的PNG，每一个有8个不同的颜色变化。
添加额外的形状不仅工作量很大，而且颜色设置也受到严重限制。我想让用户调优一些设置，并创建一个全新的图标与他们。为了使这在纯JavaScript中成为可能，Google标记必须能够显示画布数据，根据我发现的(相对较旧的)博客文章，它不能
浏览 1提问于2012-06-15得票数 0
回答已采纳
2回答
有没有在画布上实现奇偶填充规则的开源库(JaveScript)？如果我尝试自己实现它，那么它会有多复杂(考虑到一般情况下也有复杂的曲线)，以及它是否会影响性能(由于在JaveScript中为每个像素执行它的开销)。将奇偶填充转换为非零绕组的方法有哪些(考虑适用于每种情况的通用解决方案)。我发现的一次方法是将形状划分为所有不相交的多边形，并分别填充它们。一种选择是使用SVG并在画布上绘制SVG
浏览 2提问于2012-09-16得票数 7
回答已采纳
2回答
我正在用OpenGL绘制2D形状。他们没有使用那么多的多边形。我注意到我可以有很多很多的形状，只要它们不重叠。如果我把一个形状放在一个形状后面...等等。它真的开始滞后了。我觉得我可能做错了什么。
浏览 0提问于2010-06-20得票数 1
回答已采纳
1回答
我画了两个重叠的圆。我希望能够填充和描边他们作为一个合并的新形状。CGContextDrawPath(theContext, kCGPathFill);
CGPathRelease(pathFill);
正如您所看到的，我
浏览 1提问于2010-08-21得票数 2
回答已采纳
1回答
需要一个SVG解决方案
、、、、
最初，门只由两个元素组成(旋转的path或线条，以及path的stroke-dashoffset是动画的)，以实现门关闭然后打开的效果，因此，如果一个房间的门向外突出并悬空，在该(或那些)门框内将有“空因此，为了fill门“框架”中的空空间，我只是创建了一条封闭的路径，将其覆盖在初始的两个元素之上，去掉了它的stroke，并给它一个fill。“面具”元素是另一个四分之一圆(代码中为蓝色)，它反映了门的“框架”区域，并与门一起旋转，最终模糊了门的“填充”。值得注意的是，我对</em
浏览 6提问于2017-02-12得票数 2
回答已采纳
关键的部分不是从IDE创建幻灯片，而是创建可编辑的矢量图形部分，即绘图应该以分组对象的形式在PowerPoint中结束，这些对象由一系列简单的powerpoint几何图形组成，如线条、方块和文本字段。
浏览 0提问于2018-02-23得票数 14
回答已采纳
我有一个问题，使一定数量的形状在ppt到特定的格式。我通过nprinting生成它们，它们已经正确地分组了。问题是，一旦他们分组，我就不能裁剪他们。如果它们不是分组的，我可以分别处理它们中的每一个，并以我想要的方式裁剪它们。我需要他们在图片(U)格式，以便能够裁剪他们。我的方法是剪切它们，然后再插入它们，但要以图片的形式。不幸的
浏览 12提问于2020-11-24得票数 0
2回答
我从某个地方获取了一些代码，使用SVG创建了一个交互式的英国地图。
我想知道如何将蓝色区域合并为一个大多边形，而不是单独的区域。任何帮助都将不胜感激！在此之前，非常感谢您。
浏览 4提问于2013-06-28得票数 0
4回答
如何推广多个相邻多边形？
、、、、
当您有一个具有几何类型字段(或地理)的表时，您可以调用Reduce()函数使形状在顶点数上减少。效果很好。然而，当多边形的七条线相邻时(它们共享部分边界)，减少的多边形并不一定这样做。首先是未还原集：然后是约简集：这些形状要简单得多，而且它们的粗糙形状是正确的，但是我想要的是边界部分仍然是共享的。所以他们必须一起减少，在某种程度上。我认为你必须先把它们分成多条线(从边到边)，然后减少线，然后再把它们</
浏览 5提问于2009-02-12得票数 9
回答已采纳
我正在尝试找出最好的方法是在我的网站上动画图形元素。我将解释事情是如何工作的，也许你们可以给出你们的意见。在页面上，我想让我的产品在用户选择箭头时滑入滑出，一次只有一个产品在中心。当图像滑入滑出时，我想要一些放松。SVG是否有不同的动画风格，如弹性等？或者我应该只使用jquery来做动画？接下来，每个产品都会有一个包含在形状中的描述。也许形状是随机绘
浏览 0提问于2012-05-07得票数 0
实现一个函数float SumArea()，它将在这些形状的n个容器上迭代，并将它们的面积相加。注释1:您只需为每个类编写一个函数(加上constructor).Note 2:所需的总面积之和，不管形状是否重叠。注释3:尽量使迭代代码尽可能优化。)到目前为止，我已经成功地为形状编写了类，并为每个形状编写了计算其面积的方法(这个问题有点混乱，因为它说的是矩形，但是在答案类中有一个名为addsquare
浏览 3提问于2021-09-27得票数 1
回答已采纳
2回答
具体而言，空间产量图来自同一领域的几年，但范围不同-测量并不总是在整个领域进行，但在某些年份中只是其中的一部分。我想要计算这些地图的平均值，并将它们合并成一个平均值光栅。这确实意味着，并不是每个像素，比如说5层/栅格，都有一个值。我可以接受这些缺失的值是NA，所以最后的平均值只能由3栅格来计算，在部分字段中，地图是不重叠的。我想用'extend{ raster }‘扩展光栅，用NA值填充不重叠的部
浏览 0提问于2015-06-29得票数 4
我正在迭代电子表格表上的数据，并在形状表上创建形状。一旦创建了这些形状，我想以编程方式对它们进行分组。然而，我无法找出正确的语法。形状是在那里，被选中，如果我点击组按钮，他们组合完美。但是，通过下面的代码，我得到了
我把这段代码建立在网络上的VBA示例之上--我不是一个强大的VBA程序员。怎样才是正确的方法？
浏览 0提问于2011-06-05得票数 5
回答已采纳
让我们这样说:我可以，在一个，特定的，给定的，任何时候用户移动鼠标的时候，语言就会得到一些事件。因此，我得到了当前光标在绝对坐标系统中的位置。现在考虑到这个系统也能够容纳数千个形状对象(具有特定的位置、点和大小)。在第一个粗略的近似中，我们可以把它们看作是它们相关的边界框，以便使查找操作和分类更加简单，我们还可以通过省略形状可以重叠的事实来增加另一个简化。在光标位置下检索形
浏览 0提问于2015-03-26得票数 0
3回答
基本上，我的HTML页面上有几个.svg图片放在<img>标签中，如下所示：所有这些图像是相互重叠的。它们的大小相同，但内容不同。
我现在只想让这些图片的内容可以点击。图像仍然接收点击在它的每一点，而不仅仅是在内容部分。
浏览 1提问于2014-03-18得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
