JavaScript

Generador de imágenes de código JavaScript

Convierte fragmentos de JavaScript en imágenes que merece la pena compartir, sin salir de tu Mac.

Los fragmentos de JavaScript llegan más lejos que la mayoría, en parte porque buena parte del público puede leerlos sin contexto.

Codeshot detecta JavaScript a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia app.

export async function share(snippet) {
  const image = await render(snippet, {
    theme: "atom-one",
    padding: 20,
  });

  return upload(image, { format: "png" });
}
Atom One · oscuro
export async function share(snippet) {
  const image = await render(snippet, {
    theme: "atom-one",
    padding: 20,
  });

  return upload(image, { format: "png" });
}
GitHub · oscuro
export async function share(snippet) {
  const image = await render(snippet, {
    theme: "atom-one",
    padding: 20,
  });

  return upload(image, { format: "png" });
}
Panda Syntax · oscuro

Elegir un tema para JavaScript

El código asíncrono agradece una proporción más ancha. Si tus líneas se alargan por las cadenas de promesas, 16:9 las mantiene en una sola línea, y eso importa más que el espacio en blanco que cuesta.

Acertar con el tamaño

Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con C o guárdala con S.

Mira los 30 temas comparados o lee el flujo completo.

Hecho para JavaScript y otros 59 lenguajes

Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.

Descargar para macOS