SVGPathData鉻鍍鉻48 48

取出：SVGPathElement.pathSegListSVGPathData鉻鍍鉻48 48

此頁面W3C編者草案2016年1月19日顯示訪問該段列表 https://svgwg.org/specs/paths/#InterfaceSVGPathData

一個新的方法，但是，如何用它？（在SVGPathElement中的方法「getPathData」不存在）

來源

2016-01-21 Rik Del Mar

爲什麼不使用SVGPathSeg polyfill？那麼你不需要改變任何你現有的代碼。

來源

2016-01-21 09:21:24

謝謝你似乎工作得很好！我修正了getTransformToElement –

[getTransformToElement]（https://github.com/xosystem/SVG-getTransformToElement-FIX） –

好吧，它的增加了6k（gzipped），因爲Chromium開發人員認爲可以將地毯拉出來在現有API的人員（嘿，夥計們，SVG 1.1是一個標準，它被使用了;它不是一個'工作草案'！）沒有提供替換，只有一個polyfill。不禮貌？是。導致數千名開發人員不得不花費數小時才能解決這個問題，唯一提供的解決方案是一個巨大的polyfill，而且這個市場份額正在發揮重要作用。羅伯特，對於你的回答感到沮喪的評論感到抱歉，並感謝你在Firefox SVG上的工作，我非常感謝它。 – sdupton

Robert Longson的建議現在是一個很好的建議。您所提到的API（getPathData,setPathData）是全新的並且尚未實現。在實施和可用之前可能還會有變化。

來源

2016-01-21 09:36:51

謝謝你似乎工作得很好！，我做了一個修復[getTransformToElement]（https://github.com/xosystem/SVG-getTransformToElement-FIX） –

，所以他們拿出了一個工作功能，並取而代之沒有？ –

Chrome尚未實現新的getPathData和setPathData API。
你應該使用path data polyfill：

https://github.com/jarek-foksa/path-data-polyfill.js

下面是一個代碼示例：

//svg code: 
//... 
//<path d="M0,0 L100,50" id="mypath"></path> 
//<script xlink:href="/js/path-data-polyfill.js"></script> 
//... 

//js code: 
var path = document.getElementById('mypath'); 
var pathdata = path.getPathData(); 
console.log(pathdata); 
console.log(pathdata.length); //2 
console.log(pathdata[0].type); //"M" 
console.log(pathdata[0].values); //[0,0] 
console.log(pathdata[1].type); //"L" 
console.log(pathdata[1].values); //[100,50] 
pathdata.push({type: "C", values: [100,-50,200,150,200,50]}); //add path segment 
path.setPathData(pathdata); //set new path data 
console.log(path.getAttribute('d')); //"M0,0 L100,50 C100,-50,200,150,200,50"

來源

2016-05-27 02:15:29 cuixiping

回落到

path.setAttribute('d', ...)

對瀏覽器發現不符合SVG 1.1。

此外，如果瀏覽器是一個品牌，以前支持SVG 1.1，然後打印一條消息提示用戶升級回到舊版本（甚至可能考慮不同的，更穩定，品牌瀏覽器，這個瀏覽器的設計可能考慮到開發人員需要更多的時間來解決缺乏曾經完美運行的功能，然後爲了替換它們而刪除的功能，正如ktejik指出的那樣）。

來源

2017-10-08 00:14:49

SVGPathData鉻鍍鉻48 48

回答

相關問題