ChromeでPathSegListが廃止され、削除されました。48

Question

Chrome 48では、PathSegListが削除されました。もう1つの質問「Alternative for deprecated SVG pathSegList」の回答を読むと、Chromeは新しいAPIを提供していますが、この新しいAPIはまだ使用できません。もう1つの選択肢は何ですか？どのように使用できますか？私はこれが重複していることを知っていますが、私が言及したリンクは私を助けていません。

Answer 1

path seg polyfill（pathSeg.js）は必要ありません。

path data polyfillを使用すると、共通のアレイオブジェクトとしてパスデータを編集できます。

path data polyfillを使用すると、新しい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'));