Html PathSegList在Chrome 48中被弃用并删除

Html PathSegList在Chrome 48中被弃用并删除,html,google-chrome,svg,Html,Google Chrome,Svg,在Chrome 48中,PathSegList被删除。正如我在对另一个问题“”的回答中所读到的,Chrome提供了一个新的API,但我猜这个新的API还不可用。另一种选择是什么,我如何使用它。我知道这是重复的,但我提到的链接对我没有帮助 您不需要path seg polyfill(pathSeg.js) 使用,可以将路径数据作为公共阵列对象进行编辑 用于处理新的API。这是推荐的 var path = document.querySelector('path'); //your <path

在Chrome 48中,PathSegList被删除。正如我在对另一个问题“”的回答中所读到的,Chrome提供了一个新的API,但我猜这个新的API还不可用。另一种选择是什么,我如何使用它。我知道这是重复的,但我提到的链接对我没有帮助

您不需要path seg polyfill(pathSeg.js)

使用,可以将路径数据作为公共阵列对象进行编辑

用于处理新的API。这是推荐的

var path = document.querySelector('path'); //your <path> element
//Be sure you have added the pathdata polyfill to your page before use getPathData
var pathdata = path.getPathData();
console.log(pathdata);
/*
  you will get an Array object contains all path data details
  like this:
    [
        { "type": "M", "values": [ 50, 50 ] },
        { "type": "L", "values": [ 200, 200 ] }
    ]
*/

//replacement for createSVGPathSegMovetoRel and appendItem
pathdata.push({type:'m', values:[200,100]});
path.setPathData(pathdata);

//replacement for createSVGPathSegMovetoAbs and appendItem
pathdata.push({type:'M', values:[300,120]});
path.setPathData(pathdata);

//replacement for createSVGPathSegLinetoAbs and appendItem
pathdata.push({type:'L', values:[400,120]});
path.setPathData(pathdata);

console.log(path.getAttribute('d'));

//create a new path data array
var pathdata  =  [
    { "type": "M", "values": [ 50, 50 ] },
    { "type": "L", "values": [ 200, 200 ] }
];
path.setPathData(pathdata);
console.log(path.getAttribute('d'));
var path=document.querySelector('path')//你的元素
//在使用getPathData之前,请确保已将pathdata多边形填充添加到页面中
var pathdata=path.getPathData();
console.log(路径数据);
/*
您将获得一个包含所有路径数据详细信息的数组对象
这样地:
[
{“类型”:“M”,“值”:[50,50]},
{“类型”:“L”,“值”:[200200]}
]
*/
//替换createSVGPathSegMovetoRel和appendItem
push({type:'m',值:[200100]});
setPathData(路径数据);
//替换createSVGPathSegMovetoAbs和appendItem
push({type:'M',值:[300120]});
setPathData(路径数据);
//替换createSVGPathSegLinetoAbs和appendItem
push({type:'L',值:[400120]});
setPathData(路径数据);
console.log(path.getAttribute('d');
//创建新的路径数据数组
变量路径数据=[
{“类型”:“M”,“值”:[50,50]},
{“类型”:“L”,“值”:[200200]}
];
setPathData(路径数据);
console.log(path.getAttribute('d');

为什么链接答案中提到的polyfill对您没有帮助?好的。现在我在我的应用程序中添加了poly-data-polyfill.js。但是什么是SVGPathSeg.PATHSEG_MOVETO_REL、createsvgpathsegmovetoab和其他类似的常量和API的替换?polyfill定义替换。我也需要添加pathSeg.js吗?你也是什么意思?你看过polyfill文档了吗?