JavaScript

Générateur d’images de code JavaScript

Transformez vos extraits JavaScript en images que l’on a envie de partager, sans quitter votre Mac.

Les extraits JavaScript circulent plus loin que les autres, en partie parce qu'une grande part du public peut les lire sans contexte.

Codeshot détecte JavaScript à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’app.

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

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

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

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

Choisir un thème pour JavaScript

Le code asynchrone gagne à être plus large. Si vos lignes s'allongent à cause des chaînes de promesses, le 16:9 les garde sur une seule ligne — ce qui compte davantage que l'espace perdu.

Trouver la bonne taille

Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec C ou enregistrez avec S.

Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.

Conçu pour JavaScript et 59 autres langages

Tout tourne sur votre Mac. Votre code ne le quitte jamais.

Télécharger pour macOS