填充一半的svg多边形形状-星形
填充一半的SVG多边形形状-星形是一种特殊的图形效果，它可以通过使用SVG（可缩放矢量图形）语言来实现。SVG是一种基于XML的标记语言，用于描述二维矢量图形。下面是关于填充一半的SVG多边形形状-星形的详细解释：
概念： 填充一半的SVG多边形形状-星形是指将一个星形图形的一半填充为特定的颜色，而另一半保持透明或其他颜色。星形图形由多个尖角组成，通常有五个尖角。
分类： 填充一半的SVG多边形形状-星形属于SVG图形效果的一种，可以通过使用SVG的路径（path）元素和填充（fill）属性来实现。
优势：
- 可扩展性：SVG图形是矢量图形，可以无损地缩放和放大，适应不同大小的屏幕和设备。
- 动态性：SVG图形可以与CSS和JavaScript结合使用，实现动态效果和交互功能。
- 轻量级：SVG图形文件通常比位图文件（如JPEG、PNG）更小，加载速度更快。
- 可编辑性：SVG图形可以使用文本编辑器进行编辑和修改，方便进行定制和调整。
应用场景： 填充一半的SVG多边形形状-星形可以应用于各种场景，如网页设计、图标设计、数据可视化等。它可以用于突出显示某个元素或区域，增加视觉效果和吸引力。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算和Web开发相关的产品和服务，以下是一些推荐的产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：用于存储和管理大规模的非结构化数据，支持高可靠性和高可扩展性。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供可弹性调整的云服务器实例，适用于各种计算场景。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：加速静态和动态内容的传输，提供更快的访问速度和更好的用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
我创建了带有六边形图像掩码的SVG，当我尝试将笔画样式给多边形时，会出现一个bug :笔画超出多边形。我能做些什么来创造正确的中风呢？
这是我的代码：
<svg class="main-svg" width="284" height="332" viewBox="0 0 142 166" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="img1" patte
浏览 5提问于2016-01-08得票数 2
回答已采纳
我需要创建几个SVG形状(如圆形或多边形)，并用一些SVG元素填充每个形状。
实现这一点的一种方法是定义形状并应用具有填充属性的图案(参见下面的代码片段)。但是，内部SVG元素被外部形状的边界裁剪(三角形被圆裁剪)。
我想找到一种方法来隐藏所有与圆不相交的三角形，并保持边界溢出的三角形完好无损。
请注意，在Javascript中计算元素是否与圆相交非常容易，但我需要创建具有复杂边界的形状，如多边形。
<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/p
浏览 4提问于2017-10-02得票数 1
我正在尝试找到一种方法来将任何黑色图像转换为多边形形状。
我试图解决的问题包括两个步骤：
将图像转换为多边形填充多边形
我正在努力迈出第一步。由于我还没有找到任何“转换器”，我唯一的想法是将图像转换为SVG格式(如果它还不是SVG格式)，然后获取矢量数据并将其粘贴到CSS多边形形状中(类似于Raphaël.js)。
这是唯一的方法吗？
约束条件：
我不想创建成一个形状的大量div。我不想使用JavaScript来完成此任务。如果形状很复杂，则它必须是多边形。
下面是我正在尝试做的例子(我只对复杂的多边形感兴趣)。
关于我应该使用的方法类型，有什么建议吗？
图片取自：
浏览 51提问于2013-02-21得票数 18
回答已采纳
1回答
模糊SVG绘制
、、、、
我很难解决svg->字体转换的问题。
使用Inkscape，我创建了一个新的svg (维度- 1000x1000)，它使用矩形路径创建模式中的绘图工具具有形状星形。
我用来创建的路径是：
bottom left -> top center -> bottom right -> left top -> right top -> left top
下面是创建的文件：。到目前为止，这个文件没有问题。
现在，我已经使用将这个svg编译成一个字体，您可以查看生成的预览。
在Safari (或者Firefox或Opera)中，这个预览看起来不同。但它们都有一个填充的区
浏览 3提问于2015-01-13得票数 0
回答已采纳
我使用iTextSharp.text.pdf.PdfContentByte方法从svg到pdf绘制了一些路径: moveTo、LineTo和CurveTo。对于简单的路径，它可以很好地工作，但是有些路径有一个切割的正方形。例如
<path
style="fill:#1034ff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="m 128.5625,106.65625 c -54.285714,37.14286 -54.285714,174.28571 0,260 100,51.42857 434.294
浏览 11提问于2013-11-01得票数 0
回答已采纳
2回答
我正在尝试创建一个SVG多边形，在元素周围有一个边界(在本例中是一个笔划)。这在很大程度上是有效的，但是多边形的剪裁边似乎比其他边具有更粗的笔触。有没有办法确保笔触的宽度在形状周围是均匀的？ 这里有一张图片说明了这个问题 ? 左上角和右下角的笔触明显比其他边或边粗。 代码基本上是这样的 <svg viewbox="0 0 100 100" height="500" width="500">
<polygon points="10, 0, 100, 0, 100, 90, 90, 100, 0, 100, 0
浏览 19提问于2020-04-30得票数 2
回答已采纳
1回答
我已经创建了这个可伸缩的矢量图形。
<svg width="150" height="90" style="stroke: black;">
<rect width="40" height="90" style="fill:white;"></rect>
<polygon points="40,0 40,90 150,90 100,45 150,0" style="fill:blue;"/>
<
浏览 1提问于2019-05-18得票数 2
回答已采纳
2回答
我试图剪辑一个SVG，以消除两面的笔画:具体来说，使用红色矩形剪裁这个平行四边形，以得到右边的结果。
(形状是恒定的，但大小和笔划可能是可变的，所以我尽量避免直接用笔划宽度来计算)。
我读过许多关于CSS剪裁的教程，其中通常有一些使用多边形裁剪路径的简单示例，然后深入到BNF语法片段，描述如何在没有任何有意义的示例的情况下使用几何图形框。
在“带有几何框值的裁剪元素”部分的剪辑路径上的表示，裁剪路径可以指定一个几何框，该框定义相对于什么百分比，其中一个选项是填充框。
.剪辑-我{剪辑路径:多边形(10% 20%，20% 30%，50% 80%)边距框；边距: 10%；}在SVG元素
浏览 5提问于2020-04-17得票数 0
回答已采纳
1回答
我有一个SVG path元素：
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>
它为我画了一条漂亮的Bezier曲线，但形状是满的。它认为这条曲线是一个封闭的多边形。因此，用一条直线连接曲线的末端顶点，填充整个封闭的形状。
我只想要一条细细的“线”曲线。
浏览 0提问于2015-02-06得票数 1
回答已采纳
2回答
有没有在画布上实现奇偶填充规则的开源库(JaveScript)？如果我尝试自己实现它，那么它会有多复杂(考虑到一般情况下也有复杂的曲线)，以及它是否会影响性能(由于在JaveScript中为每个像素执行它的开销)。
将奇偶填充转换为非零绕组的方法有哪些(考虑适用于每种情况的通用解决方案)。我发现的一次方法是将形状划分为所有不相交的多边形，并分别填充它们。
一种选择是使用SVG并在画布上绘制SVG，但我也发现在iPad上原生的SVG渲染有点慢，但是即使我在HTML canvas (在iPad上)上绘制，SVG也很慢吗？
提前感谢
浏览 2提问于2012-09-16得票数 7
回答已采纳
我正在用LibGDX和JAVA创建一个游戏，我遇到了一个问题，即使经过一周的尝试，我也解决不了。我有用ShapeRenderer类绘制的形状，并且我有多个相互交互的类和方法。一个形状在屏幕上增长，当用户单击屏幕时，该形状停止增长，第二个形状开始增长。
我有一个形状呈现器和多边形的数组，我必须用不同的ShapeRenderer和不同的多边形绘制每个形状。例如，必须使用ShapeRenderer1和Polygon1呈现三角形。该层上的下一个三角形必须使用ShapeRenderer2和Polygon2绘制。这是为了避免在同一ShapeRenderer上绘制多边形时出现冲突值和旋转。
我的特殊问题是我
浏览 0提问于2015-11-21得票数 0
2回答
我正试着在AWT中画一个5点的星。2d网格中的每个点都相距72度，所以我想我可以只使用5个点来绘制多边形，方法是将这些点相距144度，这样多边形就可以按1、3、5、2、4的顺序输入这些点。
不幸的是，这涉及到许多相交线，最终结果是有5个我想要的颜色的三角形，环绕着一个没有着色的五边形。
通过观察，它与一条奇偶规则有关，即交点不会被填充。
我需要我的星被动态绘制，并使用特定的形状描述(缩放等)。如果我手动绘制它相交的点，我会在我的星形中得到一些人为错误。
有没有办法关闭这个功能，或者如果没有，有没有办法让多边形返回直线相交的x[]和y[]数组，这样我就可以在其中绘制另一个数组？
谢谢。
浏览 1提问于2010-10-17得票数 1
1回答
我在图案图像的画布中绘制多边形对象。
fabric.Image.fromURL("http://netdna.webdesignerdepot.com/uploads/album_artwork/t2-7.jpg", function(img) {
img.scaleToWidth(100).set({
originX: 'left',
originY: 'top'
});
var patternSourceCanvas = new fabric.StaticCanvas();
patt
浏览 0提问于2013-07-25得票数 1
2回答
嘿，我有一些Svg元素，每个元素由一个多边形形状组成。请参阅下列代码：
<body>
<svg class="svgRules" width = "100%" height="200">
<polygon class="opmaakPoly" id ="p1" points="500,0 1920,0 1920,200 600,200"/>
</svg>
<svg class="svgRules" width =
浏览 6提问于2016-01-19得票数 1
回答已采纳
我对SVG图形非常陌生，我试图在SVG矩形内创建多个svg多边形。
我面临着在大多边形内创建小多边形的挑战。
我的多边形是多面的，而不仅仅是三角形和矩形。如何得到内多边形的点，有父多边形的点和父多边形与子多边形的间距。
<svg width="120" height="120" viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<polygon id="poly_depth1" points="6
浏览 4提问于2017-11-14得票数 0
回答已采纳
1回答
我开始学习SVG。我用多边形创造了一颗星。在进一步阅读时，我发现了一个填充规则属性，它可以有两个属性，第一个属性是非零属性，它将填充整个形状的颜色，另一个属性是奇点填充颜色，偶数点将保持未填充。当我使用的时候，它充满了恒星的外层，留下了中间的空白。我怎样才能填补中心，甚至仅仅是星的点？
<!DOCTYPE html>
<html>
<body>
<svg height="210" width="500">
<polygon points="100,1
浏览 1提问于2020-04-12得票数 0
回答已采纳
1回答
我试图把一个图像在svg多边形形状，但这不是很好的工作。
我不明白为什么图像没有填充所有的SVG形状。
有谁可以帮我？我也需要它来放置谷歌地图图像，我怎么能做到呢？
我的代码：
#services
{
position: relative;
width: 100%;
height: 600px;
}
#services .services-shape
{
position: absolute;
width: 100%;
height: 500px;
}
#services .services-shape .svg-shape-top
{
width: 100
浏览 5提问于2016-09-28得票数 2
回答已采纳
2回答
我试图通过剪辑路径为Mozilla制作多边形形状。但我无法做到，下面是我的代码，圆的形状，如何将圆变成多边形。
<style>
img {clip-path: url(#clipping);}
</style>
<svg>
<defs>
<clipPath id="clipping">
<circle cx="284" cy="213" r="213" />
</clipPath>
</defs>
&l
浏览 3提问于2014-07-03得票数 2
回答已采纳
我有一个Django模型，它包含多边形的坐标：
geometria = models.PolygonField(srid=4326, null=True, geography=True)
我手动从Google地图web界面获取一个多边形的lat长坐标，并将它们输入数据库。我相信谷歌地图提供的全球定位系统坐标是4326。
我使用@react google /api在谷歌地图上绘制了这些坐标，它与我所期望的相符。(见下图)
接下来，我尝试使用Postgis复制多边形形状，并创建其中的SVG，但这是我遇到问题的地方。如您所见，绿色多边形具有相同的基本形状，但与谷歌地图的输出相比，它已经被水平拉伸。
浏览 7提问于2021-12-02得票数 1
问题:在下面的示例中，有一种方法可以在悬停状态下使用CSS来锁定多边形的填充颜色吗？我需要把它从fill:rgb(0, 0, 0)改为fill:rgb(255, 255, 255)。
背景：，我知道我可以用不同的填充颜色创建第二个图标，并将其存储在根中，但这似乎是浪费。此外，我还可以将SVG作为图像包含在HTML中，并以多边形为目标。但在我的例子中，我需要使用SVG作为背景图像。有了这些限制，是否有办法使多边形内的填充成为目标？
示例：
: root {
--icon-arrowDown: url('data:image/svg+xml;utf8, <svg xmlns=
浏览 3提问于2022-05-08得票数 1
回答已采纳
1回答
是否可以在d3js中创建一个SVG多边形形状，而不需要对坐标进行硬编码？
据我所知，创建SVG多边形形状最常见的方法是硬编码坐标，如下面的链接示例所做的那样。
但是我不想硬编码坐标，因为我想使用强制定向布局算法(在d3js中)来定义坐标，就像在下面的链接示例中所做的那样。
谢谢,
埃尔诺·林德福
浏览 0提问于2015-03-26得票数 0
回答已采纳
1回答
如何创建多边形div
、、、
我想在这里创建HTML元素，如下所示：
一个问题是，DIV元素有多边形形状，而不是规则的矩形，将被放置在其他元素的上方，就像弹出的东西一样，在该元素内部，有必要在源代码中显示一个矩形的图像，但在web上显示，就像填充左侧所有包含空间的三角形一样。
你认为有没有可能认识到，如果不准备透明的PNG格式的正确的多边形格式的显示图像？只使用CSS3变换还是使用画布或SVG？
浏览 0提问于2015-05-21得票数 8
回答已采纳
我有HTML代码：
<div class="special-cell">TEST</div>
和CSS代码：
.special-cell {
background-color: gray;
text-align: center;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0
浏览 0提问于2018-08-06得票数 0
回答已采纳
1回答
给定一个形状不确定的多边形，并且您知道从哪条路径开始，我需要使用起始路径作为指南，将这些多边形(用SVG格式定义)分割成n个形状。
这是很难解释的，但是想想体育场里的座位和它们的排：
在处理矩形时，看起来并不太困难。我所坚持的是如何用不规则的多边形来完成它。一个通用的解决方案将是最好的，特别是如果它可以与曲线工作，但我可以看到，这将如何只会使问题复杂化。
有什么具体的算法可以让我开始学习吗？我已经开始研究多边形三角剖分，以及如何用耳剪方法来单调地分解这些多边形，但是我的头开始旋转。
PS:不确定它是否非常重要，但是这些多边形是在SVG中定义的。
浏览 1提问于2015-07-09得票数 3
回答已采纳
4回答
我正在写一个用于形状处理的应用程序，这样在创建简单的形状之后，用户可以通过相互剪裁形状来创建更复杂的形状(即使用单个路径而不是一组将两个圆圈组合成存储在一起的图8，或者执行两个圆圈的交集来创建一个“咬合”标记)，并且正在尝试决定要使用的图形库。
SVG似乎处理了我需要的80%的开箱即用功能(形状存储、移动、旋转、缩放)。问题是，如果不在我自己的模块中重新创建SVG功能，其他20% (使用裁剪创建一组新的复杂多边形)似乎是不可能实现的(我必须在SVG中存储一次用于绘图的形状，一次用于自己处理裁剪)。我对SVG的理解可能有误，但通过阅读Raphael库(基于SVG)，它似乎只处理使用矩形的剪切，甚
浏览 2提问于2010-07-01得票数 4
4回答
我想知道是否有人可以告诉我最好的算法/启发式，这将适合我特定的多边形布局问题。我得到一个多边形作为边界(凸或凹也可以包含洞)和一个单独的“填充”多边形(也可以是凸或凹的，不包含洞)，我需要用指定数量的填充多边形填充边界多边形。(我在2D中工作)。
我发现的许多多边形打包启发式假设边界和/或填充多边形将是矩形的，并且填充多边形将具有不同的大小。在我的例子中，填充多边形可能是非矩形的，但都是完全相同的。
也许这是一种特殊类型的打包问题？如果有人对这种多边形包装有一个定义，我会很乐意去谷歌搜索，但到目前为止，我还没有找到任何足够相似的东西来很有用。
谢谢。
浏览 3提问于2011-07-29得票数 15
回答已采纳
1回答
我已经创建了一个简单的轮廓三角形。我需要解决的问题是创建从下到上填充三角形之间间隙的动画。 当我使用多边形的填充选项时，填充区域与另一个三角形重叠，因此形状中没有“洞”。 body{
background: #7085EA;
}
.triangle-container{
width: 500px;
margin: auto;
text-align:center;
}
.triangle {
stroke: #fff;
fill: transparent;
} <div class="triangle-container">
&l
浏览 22提问于2019-09-09得票数 1
回答已采纳
1回答
我需要一些关于这个的提示：
如果在p的内部存在点p，使得边界上的任何其他点(顶点)对p可见，则多边形P是星形的。
给定多边形P，如何确定P是否为星形多边形？
平均时间复杂度应为o(n)。
我已经坐了一段时间了，任何帮助都会受到伤害。
浏览 4提问于2022-01-24得票数 4
回答已采纳
1回答
我有一个我正在工作的网站，在那里我们允许创建形状，我们使用通过javascript构建的内联svg来做到这一点。我遇到了一个奇怪的问题，在Chrome中svg可以正确呈现，但在Firefox中它会剪切掉SVG的一部分。下面的代码是一个星号。在chrome中，这一点表现得很好。在Firefox中，我只能看到图像左上角的25%左右。
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head></head>
<
浏览 0提问于2012-04-27得票数 5
回答已采纳
3回答
起初，我认为这个问题等同于判断一个多边形是否为凸的，然而，似乎一个三角形扇仍然可以画出一个非凸的多边形。，非凸多边形。可以很容易地想象一些中心点区域，允许使用三角形扇形绘制此多边形(尽管可能会有其他中心点不会)。给定一个固定的中心点，我希望能够确定定义多边形的二维点集是否允许使用单个三角形扇子绘制多边形。
似乎关键是确保从中心点绘制到任何顶点的线都不会“挡路”，这意味着顶点的其他边线。然而，重要的是让计算成本尽可能低，我不确定是否有一个很好的数学捷径来做到这一点。
最终，我要让多边形的顶点移动，我需要确定一个顶点允许移动的“边界”，假设其余的都是固定的(也许稍后还会允许直接2个邻居的同时反应移
浏览 0提问于2012-04-26得票数 11
回答已采纳
这是一个SVG，在Inkscape中有一个完整的轮廓(黑色边框)，但在Chrome和Firefox中并非如此：
<svg width="100%" height="300%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="7 4.5 7.5 10" preserveAspectRatio="none" overflow="visible" tran
浏览 3提问于2021-06-13得票数 0
回答已采纳
2回答
所以，我一直在尝试制作一个公文包页面，我想使用自定义形状。因此，我没有使用div，而是使用了一个svg多边形形状来获得背景img。请注意，这是我第一次使用svg，我整天都在尝试修复它。
所以基本上，问题是，左下角和右上角的边界切掉了我的shpe的边缘。我试图减少多边形的宽度/高度，但它不能正常工作。它保持小甚至更多的切割，使它成为一个华丽的形状..
这是我的html代码，也是一个有效的jsfiddle：
<div class="sv-img">
<svg class="svg" viewBox="0 0 910 500"
浏览 2提问于2015-01-23得票数 0
2回答
我想用SVG在上实现这个效果。正如您所看到的，当用户将鼠标移到绘制在产品上的多边形热点上时，它使用了一系列PNG透明覆盖。
我想用SVG实现同样的功能，但不会创建大量的PNG，这样当用户将鼠标移到某个区域时，透明形状(带有链接)就会出现在顶部。SVG形状将从一组坐标中构建，就像图像地图上的多边形热点一样。
所以我想我的第一个问题是，这可以用普通的旧SVG来完成吗?或者我是否需要使用像拉斐尔这样的东西来实现这一点？以前从未在SVG中看到过这种效果，所以如果有人有这样的示例，那将非常有用。
提前谢谢。
浏览 2提问于2011-05-05得票数 4
回答已采纳
除了在多边形中使用“fill”之外，有没有办法给四个点之间的区域上色？我用四条线画了一个多边形，
<line x1="0" y1="0" x2="300" y2="0" style="stroke:rgb(255,0,0);stroke-width:2"></line>
<line x1="300" y1="0" x2="300" y2="150" style="stroke:rgb(255,0,0);stroke
浏览 2提问于2013-04-05得票数 9
回答已采纳
1回答
我想填充一个多边形形状，我已经通过核心图形绘制一个线性CGGradient。CGContextDrawLinearGradient函数绘制一个从一点到另一点的渐变，但它会填充整个视图。如何才能仅在我绘制的多边形形状内显示渐变？
浏览 3提问于2009-06-22得票数 7
回答已采纳
如何在JS/SVG中将多边形形状转换为曲线？
我已经看到了这个解决方案：，但这似乎是在处理VML而不是SVG。
有没有什么东西可以在不损失质量的情况下精确地将多边形转换成路径呢？
当我说路径时，我并不是指>4000节点的路径。我指的是有曲线的路径，而不是多个节点。这又意味着减少节点数量，因为多边形将被转换成曲线。
浏览 6提问于2013-08-14得票数 0
回答已采纳
2回答
我有一个问题，以获得svg id，吸引其他svg。基本的svg是一个多边形svg，当我给出一个选项并点击这个多边形时，它会产生一个效果，就像线条变得更大胆，或者在上面画其他svg，或者用颜色填充多边形。我想通过点击已经有效果的多边形来删除这个效果。但是，当我单击它时，它会显示基本svg元素的id。
如何显示效果的id，然后只删除效果。
$(document).ready(function () {
$("#btn-delete").click(function(){
var a = document.getElementById("amf"
浏览 3提问于2018-02-09得票数 0
回答已采纳
2回答
有没有可能使用拉斐尔来操作嵌入的SVG图像？我过去曾使用Raphael来绘制形状，但实际上还没有见过它被用来操作现有的SVG图像。如果没有，有没有其他东西可以让我轻松地更改颜色、添加事件等到嵌入的SVG图像的多边形？
浏览 1提问于2010-07-03得票数 9
2回答
我正在寻找一种方法来添加一个边界的多边形与SVG。我不能添加另一个多边形，因为它应该独立于多边形形状工作。我尝试在多边形上使用笔划，但它也在多边形内部绘制了一条线。最近删除了仅在多边形外部绘制的最新W3C规范。
所以我摆弄了一下svg过滤器，它几乎可以工作，但我要指出的是，边界有点被削减了。有谁知道如何消除这种不想要的影响吗？
代码：
` <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
浏览 4提问于2018-06-13得票数 1
代码工作，不寻找代码帮助，但我正在寻找一些关于任意多边形的帮助。它可以是任何形状，我一直在尝试，但似乎无法得到一个星形。我在问谁有一个很酷的x，y坐标的形状，这样我就可以在我的家庭作业中得到一个好看的形状。如果你想看这个运行的代码，我可以，但这是一个学术作业。因此，程序绘制一个形状，在形状内有一个对应点，并将n值给出的线条发送到形状的边界，而不经过边界。非常感谢你的帮助！
public void drawRangeMap(Graphics g)
{
//Draw map of room
//int x[] = polygonX;
//int y[] = polygonY
浏览 0提问于2016-02-21得票数 0
我一直在尝试缩放SVG以适应容器，而不使用固定的像素值。根据我在网上读到的内容，这应该是可能的，但我没有设法让它工作。下面显示了一些示例代码。关于如何让examplesvg svg元素填充svgcontainer div的宽度(只需使用HTML和CSS)，有什么建议吗？提前谢谢。
body {
background: rgb(17,17,17);
}
.svgcontainer {
width: 400px;
height: 300px;
background: green;
position: relative;
}
#examplesvg {
position: absolute;
浏览 175提问于2018-07-19得票数 0
回答已采纳
1回答
我想添加一个模式到我的svg地图的一些多边形通过d3js，争议地区。我已经很好地添加了这些地理形状，我还看到svg模式在本地svg中是可能的：
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
&l
浏览 7提问于2015-01-31得票数 4
回答已采纳
1回答
我有一个svg多边形，我试图让多边形填充到svg容器的大小。更改高度和宽度属性按预期缩放多边形，但是我不希望多边形和svg之间的任何空格。有没有办法做到这一点，而不必重新做点？
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:
浏览 2提问于2020-06-01得票数 0
回答已采纳
我知道你们中的大多数人都会建议我用三角形和长方形的组合来画一个填充的多边形，但是对于复杂的形状，这是不可能的。我想基本上在屏幕上画一个通用的形状，这里是
📷
上述形状需要绘制为通用形式，即->的宽度每个梯形的上边是固定的。->的下缘整体复合形状是一个恒定的单位大于上边缘。->这个复合形状可以具有任意长度，因此组成复合形状的单个斜方体数量不固定。我想把每个彩色的梯形画成一个填充的多边形。有什么办法可以做到这一点吗？
浏览 0提问于2014-07-09得票数 1
例如，我有一个应用了多边形剪辑路径的css类，如下所示：
.services-image-left {
-webkit-clip-path: polygon(0 0, 97% 0, 83% 100%, 0% 100%);
clip-path: polygon(0 0, 97% 0, 83% 100%, 0% 100%); }
但我知道要在Edge和IE中工作，我需要对svg点使用"clippath“属性。有没有一种简单的方法可以将上面的多边形转换为svg形状，并将其应用于具有.services-image-left类的所有内容，如上面的示例？
浏览 0提问于2018-06-13得票数 1
2回答
当用户使用内置绘图管理器在Google中绘制多边形时，我将保存多边形路径。我希望将这个多边形路径转换为SVG路径，这样我就可以轻松地再现绘制的多边形的形状，而不需要额外的地图加载和对Google的调用。
我确信这只是一些相当琐碎的数学，但却无法解决如何做到这一点。我是否需要在点周围创建一个边界框，并在缩小它之前将其转换为LatLng 0，0，还是只使用每个点的LatLng坐标就可以做一些更简单的事情？
我发现很多问题都是为了达到相反的目的，把SVG转换成一个地图多边形，但不是这个。任何指向我正确方向的人都很感激。
浏览 3提问于2015-01-08得票数 2
回答已采纳
2回答
我尝试创建一个简单的箭头作为SVG，使用多边形标记。结果看起来很不错，但是是只有我一个人，还是顶端的线看起来有点薄？这可能是什么原因？
下面是代码：
<svg height="550" width="500">
<polygon points="25 0, 25 0, 150 0, 150 50, 25 50, 0 25" fill="white" stroke-width="2" stroke="black"/>
</svg>
下面是生成的SVG的图片：
浏览 1提问于2016-02-24得票数 3
回答已采纳
1回答
有在HTML5画布上模糊形状的方法吗？我知道你可以模糊图像，但你能模糊形状吗(比如用context.lineTo()；绘制三角形/多边形)？
我知道您可以很容易地使用SVG元素来模糊元素(在这里，我也可以像多边形一样使用复杂的形状)，但幸运的是，Safari没有显示过滤器(阴影使用的是什么)&我正在创建一个仅用于iPad的the应用程序。
最佳解决方案将是原生Javascript HTML5画布解决方案，而不是第三方Javascript库。
浏览 5提问于2012-01-23得票数 1
1回答
我希望使用纯SVG创建类似于下面的内容，但不使用、、D3 chord或类似的功能。
我可以使用标准路径元素在SVG中使用bezier曲线创建多边形。但是不知道如何用自定义的颜色填充多边形。如何定义此多边形的边界并设置fill属性？
有什么想法能帮上忙吗？
浏览 7提问于2014-04-24得票数 5
回答已采纳
那么，是否没有其他方法可以使用带有SVG字符串的TextPath作为数据/输入？如果是这样，我的选择似乎是：
在Inkscape中创建一个圆并复制SVG字符串。
学习SVG的某些部分，并手动编写一个循环SVG字符串。
学习SVG的某些部分，并创建一个基于半径输入自动生成循环SVG字符串的函数。
最后一个看起来是最好的，但是不可能以KineticJS圆圈形状作为输入吗？似乎是理想的，它也将允许我在未来使文本跟随其他类型的形状，如正向或多边形。
因此，基本上，在KineticJS中是否有更好的方法使文本遵循圆圈路径，而不是使用SVG？
浏览 4提问于2013-06-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
