DevTulz Online

Code sa Larawan

Gawing magagandang larawang maaaring ibahagi ang mga code snippet. Pumili ng syntax highlighting na tema, gradient na background, at estilo ng window. I-download bilang PNG. Libre.

code.js

Ano ang Code sa Larawan?

Ang Code sa Larawan ay nagpapalit ng anumang code snippet sa isang maayos, naibabahaging larawan — perpekto para sa mga blog post, social media, presentasyon, at dokumentasyon. I-paste ang code, piliin ang wika para sa syntax highlighting, pumili mula sa pitong tema (Atom One Dark, Atom One Light, GitHub Dark, Dracula, Monokai, VS Dark, Nord), pumili ng gradient o solid na background, ayusin ang padding at estilo ng window frame, i-on ang mga numero ng linya, at i-download ang mataas na resolusyong PNG. Lahat ay tumatakbo sa iyong browser — walang code ang ina-upload sa isang server.

Paano Gamitin ang Code sa Larawan

  1. I-paste o i-type ang code sa input area (ang Tab key ay naglalagay ng mga espasyo).
  2. Piliin ang programming language, o iwanan sa Awtomatikong tuklasin.
  3. Pumili ng syntax highlighting na tema mula sa dropdown ng Tema.
  4. I-click ang background swatch para itakda ang gradient o kulay.
  5. Ayusin ang padding, estilo ng window, laki ng font, at mga numero ng linya.
  6. Maglagay ng pangalan ng file (gagamitin bilang pangalan ng na-download na PNG file).
  7. I-click ang I-download ang PNG para i-save ang larawan sa 2× na resolusyon.