基于现有形状生成SVG路径

文章/答案/技术大牛

发布

1回答

svg

在我的应用程序中，我有一个基于许多svg路径硬编码的地图。有两个具体的路径，如下图所示，我需要更新。路径1指定形状的轮廓，路径2将形状分成两部分。我需要改变这有2个新的路径，有每个分隔线的每边2个形状。有没有办法基于现有的路径生成它？ .region{fill:#B4B4B4;} .divider{ fill:none; stroke-wid

浏览 15提问于2019-08-27得票数 1

回答已采纳

2回答

是否可以在svg文件上绘制形状

javascript、canvas、svg、html5-canvas

我需要在现有的svg上动态绘制矩形、圆形等形状。即当我点击svg时，它会选择并突出显示svg中的特定路径。然后我想要在突出显示的区域绘制形状。如何做到这一点？

浏览 1提问于2013-04-03得票数 0

2回答

如何格式化自定义的SVG符号SVG文件，以便导入Xcode11

xcode11、ios13、sf-symbols

有没有人知道如何使用中概述的技术创建定制的SF符号，这是我在这个主题上唯一可以找到的现有文档？根据视频，可以简单地编辑导出的SVG文件，并将其作为符号集重新导入。虽然这确实适用于小编辑，但我发现很难生成一个工作的定制符号文件，而不仅仅是一个小编辑。产生的错误和/或错误很多，我已经尝试了许多方法来生成一个可接受的文件(删除笔画、转换为形状等)。大多数导入的文件都会产生类似于以下内容的错误：为符号图像集‘doc.test3’提供的SVG文件不合适:符号图像文件'(nu

浏览 1提问于2019-07-28得票数 8

1回答

在KineticJS中，使文本遵循圆圈形状曲线的最简单方法是什么？

javascript、text、path、kineticjs

那么，是否没有其他方法可以使用带有SVG字符串的TextPath作为数据/输入？如果是这样，我的选择似乎是：学习SVG的某些部分，并创建一个基于半径输入自动生成循环SVG字符串的函数。最后一个看起来是最好的，但是不可能以KineticJS圆圈形状作为输入吗？似乎是理想的，它也将允许我在未来使文本跟随其他类型的<

浏览 4提问于2013-06-05得票数 0

1回答

svg:将轮廓路径转换为路径

svg

下面是一个svg路径(点)，当给定厚度时，显示灰色形状。我有一个带有灰色形状的大纲的svg，我想生成原始路径的近似(假设原始路径是不可能返回的)。理想情况下，它可以与相交的形状一起工作，比如小写字母e。与此相反：

浏览 1提问于2014-05-22得票数 4

回答已采纳

1回答

内部和外部SVG的剪辑路径

html、css、svg

我试图使用内部和外部SVG创建一个三角形。我试着在这里使用这个工具：并得到它的“点”坐标，以创建一个完美的剪辑三角形，在我的内部和外部SVG，但没有运气。src="https://www.thesun.co.uk/wp-content/uploads/2016/06/nintchdbpict000244881006.jpg" class="clip-svg-inline</figcapt

浏览 3提问于2016-06-21得票数 0

1回答

在paper.js中使用SVG路径语法？

javascript、svg、raphael、paperjs

使用库，可以使用SVG路径语法来描述路径(例如，M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z，它提供了一种非常紧凑的创建形状的方法(特别是如果您的形状是用外部应用程序(如Illustrator)绘制的)。我对使用库(不是基于SVG的)感兴趣，但首先看一下文档，就会发现路径是通过对象方法逐步构建的。这是一个非常不同的方法(“路径构建”与“

浏览 0提问于2012-02-21得票数 4

回答已采纳

1回答

以编程方式确定SVG路径生成的形状

javascript、testing、d3.js、svg、graph

我想编写集成测试，以验证饼图抽象实际上是生成切片，条形图实际上是生成矩形条等等。据我所知，这需要查看呈现的svg路径的d属性，该属性包含绘制元素所需的大量命令。例如，给定以下路径，我希望能够确定它将呈现什么样的形状(这里是一个“饼片”) <path d="M1.0409497792752502e-14,-170A170,170,0,0,1,109.2738936467117然而，这并不能肯定它的形状--这真的只是一个最好的猜测。我真正想要的是一种评估命令

浏览 0提问于2016-04-26得票数 5

1回答

开路SVG裁剪笔画

javascript、html、svg、clip

我试图生成一条路径，这是另外两个路径的结果，其中一个是硬剪裁路径。我的目标是实现一个形状被另一个剪裁的效果(我试图用一个简单的可视化工具来制作一个web应用程序，用于对信号进行调幅)。下面是一个可视化的表示：对于每种情况，第一路径将是载波信号，第二路径将是调制器。调制操作由*操作符表示；这意味着调制器形状限制载波:调制器外部的任何段/值都被切割以与调制器形状匹配。，所以我希望避免为所有可能的组合编写SVG

浏览 8提问于2022-09-02得票数 0

1回答

在覆盖当前图形的图表中绘制形状。

reactjs、svg、d3.js、charts、recharts

假设您在reactJS中开发了一个图表，其中显示了一个图表，这是一条由基于时间(横坐标)和度(纵坐标)绘制的点组成的简单线条。您可以从一个工具箱中提取，以便在图表中绘制形状，该形状将覆盖t1和t2之间的当前行。所以基本上我们的想法是：我知

浏览 4提问于2021-03-30得票数 0

1回答

d3.js编辑现有形状路径

javascript、d3.js

我正在尝试开发一个搜索工具--用户将绘制路径，该区域中存在的节点将出现。在应用程序的这一部分中，我想编辑现有的路径。function editShape(){ e.preventDefault();}); 这就是我的例子，我

浏览 2提问于2014-03-19得票数 1

4回答

选择正确的技术(SVG与Canvas)

javascript、canvas、svg、raphael

我正在写一个用于形状处理的应用程序，这样在创建简单的形状之后，用户可以通过相互剪裁形状来创建更复杂的形状(即使用单个路径而不是一组将两个圆圈组合成存储在一起的图8，或者执行两个圆圈的交集来创建一个“咬合SVG似乎处理了我需要的80%的开箱即用功能(形状存储、移动、旋转、缩放)。问题是，如果不在我自己的模块中重新创建SVG功能，其他20% (使用裁剪创建一组新的复杂多边形)似乎是不可能实现的(我必须在SVG中存储一次用于绘图的形

浏览 2提问于2010-07-01得票数 4

3回答

SVG/EPS (向量)如何从另一条路径剪辑路径？

svg、vector、postscript、eps

我试图了解SVG程序(如浏览器)是如何根据给定的路径绘制形状的。我很难理解一条路径是如何画出来的，其中一个片段是形状的一部分。<svg viewBox="0 0 1800 1800" xmlns="http://www.w3.org/2000/svg">d=" M484 0l-4

浏览 1提问于2020-05-08得票数 2

回答已采纳

2回答

在python中绘制非形状路径的svg或将其转换

python、svg

我正在制作一个显微镜滤镜发生器，它首先绘制svg图像，然后将它们转换成3D格式进行3d打印。我用的是“svgwrite”还是有办法将svg形状转换为svg</em

浏览 2提问于2016-08-26得票数 13

回答已采纳

1回答

带有三角形/圆角端的Svg矩形用于进度条

html、css、svg

我正在开发一个基于svg的进度条，它需要匹配下面的图像。我很难在右端实现三角形/圆形的外观。我最初尝试了这个路径，并得到了我想要的形状，但对于路径，很难使它响应(高度和宽度需要容易改变)。它还需要根据进度更改宽度，尽管这可以通过将整个路径/正向左移动并隐藏溢出来实现。因此，我想问，是否有任何简单的方法来实现这一点与简单的svg形状，如rect，所以它更容易使用，而不是依赖于复杂的路径字符串。这里也可以使用html

浏览 1提问于2020-03-25得票数 0

回答已采纳

1回答

Android中的SVG路径到Bézier路径

android、android-animation

我正在研究SVG和Bézier路径。这对我来说是很新的。我想从SVG路径制作Bézier路径动画。要求是动画的任何形状或字母，如"A“"B”"C“和向前。现在我不知道是否可以从一些绘图工具中生成SVG路径，并将这些路径或文件提供给android中的Bézier路径(转换)。如有任何帮助，将不胜感激。

浏览 1提问于2013-12-04得票数 1

回答已采纳

1回答

上下文中的“上下文”是什么：“symbol.context([上下文])”

javascript、d3.js

我试图加载和附加外部SVG到一个现有的SVG在一个电子项目。d3.xml方法不适合我，所以我查看，希望如果我提供路径数据(来自调用)，我可以创建自己的符号。是最高级别的SVG吗？如果指定了上下文，则设置上下文并返回此符号生成器。如果未指定上下文，则返回当前上下文，默认为null。如果上下文不是null，则生成的符号将作为路径方法调用序列呈现到此上下文中。否则，返回表示生成<

浏览 3提问于2017-10-11得票数 0

回答已采纳

2回答

查找SVG路径中的最大矩形

algorithm、math、svg、geometry

给定一个由SVG路径生成的不规则形状，如何计算可以放入其中的最大矩形(只有水平和垂直边界)？

浏览 0提问于2012-05-09得票数 1

回答已采纳

1回答

<几何图形盒>值的用途是什么？

css、clip-path

leftValue"><img <svgclipPath id="myClip"> <circle cx="60" cy="200" r="60" fil

浏览 8提问于2022-06-09得票数 0

回答已采纳

1回答

如何重新计算(而不仅仅是缩放/变换) SVG路径以适应边界框？

svg、vega、vega-lite

Vega-Lite支持自定义SVG路径字符串(例如"M10 10 H 90 V 90 H 10 L 10 10")作为形状，但它建议路径绘制命令在x和y轴()的-1到1的边界框内居中。我尝试使用Inkscape调整它们的大小，但它只是向现有路径添加了一个转换属性。当然，这适用于在浏览器(或其他地方)中查看SVG，但由于路径本身保持不变，Vega-Lite图表显示的SVG太大且偏离中心。有没有办法重新计算S

浏览 1提问于2019-03-19得票数 0

点击加载更多