W przeglądarce Chrome 48 plik PathSegList został usunięty. I jak czytam w odpowiedzi na kolejne pytanie "Alternative for deprecated SVG pathSegList", Chrome dostarcza nowy interfejs API, ale domyślam się, że ten nowy interfejs API nie jest jeszcze dostępny. Co to jest inna alternatywa i jak mogę z niej skorzystać. Wiem, że to duplikat, ale link, o którym wspomniałem, nie pomaga mi.PathSegList jest przestarzałe i usunięte w Chrome 48
5
A
Odpowiedz
2
Nie potrzebujesz polyfill ścieżki seg (pathSeg.js).
Za pomocą path data polyfill można edytować dane ścieżki jako wspólny obiekt tablicy.
Użyj path data polyfill do pracy z nowym API. Jest zalecane.
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'));
Powiązane problemy
- 1. Zmiany w testach kontrolera Rails 5 - "Devise :: TestHelpers" jest przestarzałe i zostanie usunięte z Devise.
- 2. Jak naprawić "<hash_map> jest przestarzałe i zostanie USUNIĘTE. Użyj <unordered_map>"?
- 3. Przestarzałe: Function eregi() jest przestarzałe w
- 4. zaciemnione problemów z użyciem schematu flexbox w Firefoksie i Chrome 48
- 5. Jak wyodrębnić obraz ikony 48 * 48 z zasobu pliku wykonywalnego?
- 6. UILocalNotification jest przestarzałe w iOS10
- 7. dismissModalViewControllerAnimated jest przestarzałe
- 8. getActionView jest przestarzałe?
- 9. WakefulBroadcastReceiver jest przestarzałe
- 10. git rebase "usunięte przez nas" i "usunięte przez nich"
- 11. $ HADOOP_HOME jest przestarzałe, Hadoop
- 12. 'initWithFrame: reuseIdentifier' jest przestarzałe
- 13. "sharedDispatcher" jest przestarzałe
- 14. MockitoJUnitRunner jest przestarzałe
- 15. Czy 9P jest przestarzałe?
- 16. ProgressDialog jest przestarzałe
- 17. Dlaczego isJavaLetterOrDigit jest przestarzałe?
- 18. Czy auto_ptr jest przestarzałe?
- 19. Dlaczego context2d.backingStorePixelRatio jest przestarzałe?
- 20. UILineBreakModeTailTruncation jest przestarzałe
- 21. "isGooglePlayServicesAvailable" (to) jest przestarzałe.
- 22. DbContext zostały usunięte i autofac
- 23. "WebSocket.URL" jest przestarzałe. Proszę użyć "WebSocket.url" zamiast
- 24. socket.error: [Errno 48] Adres już w użyciu
- 25. Przestarzałe znaczenie?
- 26. SecurityAction.RequestMinimum jest przestarzałe w .Net 4.0
- 27. GKPeerPickerController jest przestarzałe w iOS 7
- 28. Activity.setProgress (int progress) jest przestarzałe
- 29. devise.registrations.reasons w plikach yml jest przestarzałe?
- 30. Spring Boot: SpringBootServletInitializer jest przestarzałe
Dlaczego wspomniany polyfill w jednej z połączonych odpowiedzi nie pomaga? –
ok. Teraz dodałem poly-data-polyfill.js do mojej aplikacji. Ale co jest zamiennikiem dla SVGPathSeg.PATHSEG_MOVETO_REL, createSVGPathSegMovetoAbs i innych podobnych stałych i API? – Harshal
Polyfill definiuje zamienniki. https://github.com/progers/pathseg/blob/master/pathseg.js#L20 –