jjzjj

pathSegList

全部标签

javascript - SVG - 如何将 <path> 切成两半?

我需要在javascript中的特定点切割现有路径(曲线)。例如,如果我有以下路径:据此,我可以这样得到中点:varline=document.getElementById("line_test");varlength=line.getTotalLength();varmidpoint=line.getPointAtLength(length/2);一旦我得到那个中点,我想完全删除路径的其余部分。有没有一个函数可以让我得到一个子路径?绘图库对我来说不是一个真正的选择。 最佳答案 是的,它叫做getPathSegAtLength(在路

javascript - 将 SVG 路径 d 属性转换为点数组

当我可以创建一行时:varlineData=[{"x":50,"y":50},{"x":100,"y":100},{"x":150,"y":150},{"x":200,"y":200}];varlineFunction=d3.svg.line().x(function(d){returnd.x;}).y(function(d){returnd.y;}).interpolate("basis");varmyLine=lineEnter.append("path").attr("d",lineFunction(lineData))现在我想向此lineArray的第二个点添加文本:lineE

html - PathSegList 在 Chrome 48 中被弃用并移除

在Chrome48中,PathSegList被移除。正如我在另一个问题"AlternativefordeprecatedSVGpathSegList"的答案中所读到的,Chrome正在提供一个新的API,但我想这个新的API尚不可用。什么是另一种选择,我该如何使用它。我知道这是重复的,但我提到的链接对我没有帮助。 最佳答案 您不需要路径段polyfill(pathSeg.js)。与pathdatapolyfill,您可以将路径数据作为普通数组对象进行编辑。使用pathdatapolyfill使用新的API。推荐。varpath=do

html - PathSegList 在 Chrome 48 中被弃用并移除

在Chrome48中,PathSegList被移除。正如我在另一个问题"AlternativefordeprecatedSVGpathSegList"的答案中所读到的,Chrome正在提供一个新的API,但我想这个新的API尚不可用。什么是另一种选择,我该如何使用它。我知道这是重复的,但我提到的链接对我没有帮助。 最佳答案 您不需要路径段polyfill(pathSeg.js)。与pathdatapolyfill,您可以将路径数据作为普通数组对象进行编辑。使用pathdatapolyfill使用新的API。推荐。varpath=do

javascript - 已弃用的 SVG pathSegList 的替代方案

我正在编写一个扩展折线功能的Leaflet插件。在我的插件中,我使用SVGPathSegList接口(interface)访问路径段。但根据ChromeDevTools,该接口(interface)将在Chrome48中删除。我正在寻找另一种访问路径段的可能性。Here's我的fiddle。(function(){var__onAdd=L.Polyline.prototype.onAdd,__onRemove=L.Polyline.prototype.onRemove,__updatePath=L.Polyline.prototype._updatePath,__bringToFron