Código SVG para mapas de bits para seguimiento en vivo trucos CSS

Supongamos que tiene gráficos de mapa de bits, como JPG, PNG o GIF, y desea que sean vectoriales, como SVG. ¿Qué estás haciendo? Puedes seguirlo tú mismo en algún software de diseño. O las herramientas del software de diseño pueden ayudar.

(No quiero ralentizar a Lede aquí, ahora hay una herramienta en línea gratuita llamada código SVG.)

Recuerdo cuando Adobe Illustrator CS2 cayó en 2005, tenía una función llamada "Live Trace" y lo hice por completo. mi estéticaEstaba haciendo tarjetas de visita para mi banda de folk y todas parecían un vector perdido. En estos días obviamente lo llaman Image Trace.

SVGcode hace precisamente eso, gratis

Sin embargo, el software de Adobe cuesta dinero, entonces, ¿qué otras opciones hay? Supongo que están ahí, pero ahora hay una gran aplicación web con un propósito llamado código SVG para el de Tomas SteinerHa escrito sobre esto en varios lugares:

Creo que es genial tanto en lo que hace (¡muy útil!) como en el enfoque (¡tan impresionante lo que pueden hacer las aplicaciones web en estos días!):

Utiliza la API para acceder al sistema de archivos, la API para el portapapeles asíncrono, la API para el procesamiento de archivos y personaliza la superposición de los controles de ventana. […]

Crédito donde se debe crédito: yo no inventé esto. Con SVGcode simplemente me apoyo en una herramienta de línea de comandos llamada Potraza desde Pedro Salinger tengo esto convertido a ensamblaje webpor lo que puede ser utilizado en una aplicación web.

¡Mi estética, que acabo de graduar de la universidad, vivirá en la gente!

Thomas se unió a Dave y a mí. sobre ShopTalk episodio # 497 si está interesado en escuchar directamente de Thomas no solo sobre esto sino sobre todo el mundo de las aplicaciones web capaces. Este episodio se concibió como una continuación de un artículo que escribí que preguntaba: "¿Por qué una empresa haría una aplicación nativa a través de un sitio web?"