Construint un control lliscant de rang amb SVG a Angular

Bloc

Construint un control lliscant de rang amb SVG a Angular

Va ser un altre dia a l’oficina i em vaig quedar atrapat en una tasca en què el nostre client demanava una funcionalitat específica (un control lliscant de gamma).

Ha de tenir una gran quantitat d'opcions i personalitzacions específiques. va sol·licitar el client.

Semblava que a la versió antiga de l’aplicació això era manejat per una biblioteca que els desenvolupadors utilitzaven antigament, però que ja no era compatible. També causaria més dolor que plaer.

Així que em vaig dedicar a la investigació i vaig passar un temps intentant entendre com podem ampliar un control lliscant d’abast comú. Després d’unes hores cavant diferents articles i llibres, vaig trobar un mètode on SVG es representaria al navegador JUDICI crear elements personalitzats . Millorant el pla que he trobat amb els esdeveniments del navegador, podreu controlar tots els aspectes d’aquests elements.

projectes javascript per a cartera

TLDR: podeu trobar la solució acabada aquí

# desenvolupament web #javascript #html #angular #svgs

medium.com

Construint un control lliscant de rang amb SVG a Angular

Apreneu a construir un control lliscant de rang amb SVG a Angular. Permeteu-me ara compartir el coneixement que he recopilat, mitjançant la creació d’un control lliscant propi, on passarem per la manipulació base SVG i després gestionarem l’element creat mitjançant esdeveniments del navegador.