JavaScript

Генератор изображений кода JavaScript

Превращайте фрагменты JavaScript в изображения, которыми хочется делиться, не покидая Mac.

Сниппеты на JavaScript расходятся дальше остальных — во многом потому, что большая часть аудитории читает их без всякого контекста.

Codeshot определяет JavaScript по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.

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

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

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

  return upload(image, { format: "png" });
}
Panda Syntax · тёмная

Как выбрать тему для JavaScript

Асинхронному коду идёт более широкий формат. Если строки растягиваются из-за цепочек промисов, 16:9 удержит их в одну строку — это важнее, чем потерянные поля.

Как выбрать размер

Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием C или сохраните через S.

Посмотрите все 30 тем рядом или прочитайте весь процесс.

Сделано для JavaScript и ещё 59 языков

Всё работает на вашем Mac. Код никогда его не покидает.

Скачать для macOS