सॉफ़्टवेयर आवश्यकताएं
निम्नलिखित सॉफ्टवेयर पैकेज विंडोज और लिनक्स सिस्टम दोनों के लिए उपलब्ध हैं, और एक पूर्ण, काम करने वाले समाधान के लिए आवश्यक हैं:
- gvim - HTML में सिंटैक्स हाइलाइट किए गए स्रोत कोड को निर्यात करने के लिए उपयोग किया जाता है।
- मोरिया - सिंटैक्स हाइलाइटिंग के लिए रंग योजना।
- wkhtmltoimage - HTML दस्तावेजों को PNG फ़ाइलों में बदलने के लिए उपयोग किया जाता है।
- gawk और sed - टेक्स्ट प्रोसेसिंग टूल।
- ImageMagick - पीएनजी को ट्रिम करने और एक सीमा जोड़ने के लिए उपयोग किया जाता है।
सामान्य चरण
यहाँ समाधान कैसे काम करता है:
- स्रोत कोड को एक संपादक में लोड करें जो रंग के छींटे जोड़ सकता है।
- HTML कोड के रूप में स्रोत कोड निर्यात करें (एम्बेडेड
FONT
टैग के साथ )।
- HTML डॉक्यूमेंट से बैकग्राउंड एट्रिब्यूट (पारदर्शिता की अनुमति देने के लिए) स्ट्रिप करें।
- HTML दस्तावेज़ को PNG फ़ाइल में कनवर्ट करें।
- PNG बॉर्डर ट्रिम।
- छवि के चारों ओर एक छोटी, 25 पिक्सेल सीमा जोड़ें।
- अस्थायी फ़ाइलें हटाएं।
स्क्रिप्ट उन छवियों को उत्पन्न करती है जो स्रोत फ़ाइलों के लिए समान चौड़ाई की होती हैं, जिनमें वे लाइनें होती हैं जो सभी लंबाई में 80 वर्णों से कम होती हैं। 80 से अधिक वर्णों वाली लाइनों वाली फाइलें, संपूर्ण रेखा को बनाए रखने के लिए आवश्यक चौड़ी छवियों के रूप में लंबी होती हैं।
स्थापना
निम्नलिखित स्थानों में घटकों को स्थापित करें:
- जीवीएम -
C:\Program Files\Vim
- मोरिया -
C:\Program Files\Vim\vim73\colors
- wkhtmltoimage -
C:\Program Files\wkhtml
- ImageMagick -
C:\Program Files\ImageMagick
- गौक और सेड -
C:\Program Files\GnuWin32
नोट: ImageMagick में एक प्रोग्राम है convert.exe
, जो विंडोज convert
कमांड को सुपरडेड नहीं कर सकता है । इस वजह से, convert.exe
बैच फ़ाइल में हार्ड-कोड किया जाना चाहिए (जैसा कि ImageMagick जोड़ने के लिए विरोध किया गया है PATH
)।
पर्यावरण चर
PATH पर्यावरण चर को इसके लिए सेट करें :
"C:\Program Files\Vim\vim73";"C:\Program Files\wkhtml";"C:\Program Files\GnuWin32\bin"
बैच फ़ाइल
इसे चलाएं:
src2png.bat src2png.bat
src2png.bat
निम्नलिखित सामग्रियों को कॉपी करके एक बैच फ़ाइल बनाएँ :
@ECHO OFF
SET NUMBERS=-c "set number"
IF "%2" == "" SET NUMBERS=
ECHO Converting %1 to %1.html...
gvim -e %1 -c "set nobackup" %NUMBERS% -c ":colorscheme moria" ^
-c :TOhtml -c wq -c :q
REM Remove all background-color occurrences (without being self-referential)
sed -i "s/background-color: #......; \(.*\)}$/\1 }/g" %1.html
ECHO Converting %1.html to %1.png...
wkhtmltoimage --format png --transparent --minimum-font-size 80 ^
--quality 100 --width 3600 ^
%1.html %1.png
move %1.png %1.orig.png
REM If the text file has lines that exceed 80 characters, don't crop the
REM resulting image. (The book automatically shrinks large images to fit.)
REM The 3950 is the 80 point font at 80 characters with padding for line
REM numbers.
SET LENGTH=0
FOR /F %%l IN ('gawk ^
"BEGIN {x=0} {if( length($0)>x ) x=length()} END {print x;}" %1') ^
DO (
SET LENGTH=%%l
)
SET EXTENT=-extent 3950x
IF %LENGTH% GTR 80 SET EXTENT=
REM Trim the image height, then extend the width for 80 columns, if needed.
REM The result is that all images will be resized the same amount, thus
REM making the font size the same maximum for all source listings. Source
REM files beyond the 80 character limit will be scaled as necessary.
ECHO Trimming %1.png...
"C:\programs\ImageMagick\convert.exe" -format png %1.orig.png ^
-density 150x150 ^
-background none -antialias -trim +repage ^
%EXTENT% ^
-bordercolor none -border 25 ^
%1.png
ECHO Removing old files...
IF EXIST %1.orig.png DEL /q %1.orig.png
IF EXIST %1.html DEL /q %1.html
IF EXIST sed*. DEL /q sed*.
सुधार और अनुकूलन का स्वागत करते हैं।
नोट: wkhtmltoimage का नवीनतम संस्करण पृष्ठभूमि के रंग को ओवरराइड करने के लिए ठीक से काम करता है। इस प्रकार पृष्ठभूमि रंगों के लिए सीएसएस को हटाने की रेखा अब सिद्धांत रूप में आवश्यक नहीं है।
wkhtmltoimage
पेज की चौड़ाई पर्याप्त क्यों नहीं है? ऊंचाई को निर्दिष्ट नहीं किया जा सकता है क्योंकि यह HTML सामग्री की सामग्री द्वारा निर्धारित किया गया है। imho चौड़ाई वास्तव में आप की जरूरत है, आप कितने पिक्सल प्रति इंच आप चाहते हैं के आधार पर आवश्यक चौड़ाई की गणना कर सकते हैं।