C3: c3 0.3.0μ—μ„œ wkhtmltopdf에 μ˜ν•œ PDF 생성 μ‹€νŒ¨

에 λ§Œλ“  2014λ…„ 09μ›” 10일  Β·  17μ½”λ©˜νŠΈ  Β·  좜처: c3js/c3

wkhtmltopdfλ₯Ό μ‚¬μš©ν•˜μ—¬ c3 μ°¨νŠΈκ°€ μžˆλŠ” htmlμ—μ„œ PDF λ¬Έμ„œλ₯Ό 생성할 λ•Œ μ΅œμ‹  λ²„μ „μ˜ c3(0.3.0)은 wkhtmltopdfμ—μ„œ "κ²½κ³ : undefined:0 TypeError: 'undefined' is not a function" 였λ₯˜λ₯Ό μ•Œλ¦½λ‹ˆλ‹€. κ²°κ³Ό PDFμ—λŠ” 차트 λŒ€μ‹  곡백이 ν‘œμ‹œλ©λ‹ˆλ‹€.

차트λ₯Ό μœ μ˜ν•˜κ²Œ μƒμ„±ν•˜λŠ” 데 μ‚¬μš©λ˜λŠ” 이전 λ²„μ „μ˜ c3μž…λ‹ˆλ‹€. λ‚˜λŠ” 이것을 μ›ν˜• 및 λ§‰λŒ€ 차트 μœ ν˜•μœΌλ‘œ μž¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€.

wkhtmltopdfκ°€ ν¬ν•¨λœ 전체 html, css 및 javascript νŒ¨ν‚€μ§€λŠ” λ‹€μŒ μœ„μΉ˜μ— μžˆμŠ΅λ‹ˆλ‹€.
http://burgan.whitevector.com/images/bug_report.zip

wkhtmltopdf의 전체 좜λ ₯:
shark@virshark :~/bug_report$ sh 생성_pdf.sh
νŽ˜μ΄μ§€ λ‘œλ“œ 쀑(1/6)
κ²½κ³ : undefined:0 TypeError: 'undefined'λŠ” ν•¨μˆ˜κ°€ μ•„λ‹™λ‹ˆλ‹€.
νŽ˜μ΄μ§€ 수 (2/6)
링크 ν•΄κ²°(4/6)
머리글 및 λ°”λ‹₯κΈ€ λ‘œλ“œ(5/6)
νŽ˜μ΄μ§€ 인쇄(6/6)
μ™„λ£Œ

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚˜λŠ”μ΄ λ•Œλ¬Έμ— 용의자 wkhtmltopdf μ‚¬μš© QtWebKit μžˆλŠ” λ¬Έμ œκ°€ Function.prototype.bind , C3의 μƒˆ λ²„μ „μ—μ„œ μ‚¬μš©λ˜λŠ” 방법을. phantomjs 내보내기λ₯Ό μž‘μ„±ν•  λ•Œ λΉ„μŠ·ν•œ 문제λ₯Ό 직접

Function.prototype.bind = Function.prototype.bind || function (thisp) {
  var fn = this;
  return function () {
    return fn.apply(thisp, arguments);
  };
};

wkhtmltopdf μ΅μˆ™ν•˜μ§€ μ•Šμ§€λ§Œ λ Œλ”λ§λ˜λŠ” νŽ˜μ΄μ§€μ˜ μ»¨ν…μŠ€νŠΈ λ‚΄μ—μ„œ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

λͺ¨λ“  17 λŒ“κΈ€

λ‚˜λŠ”μ΄ λ•Œλ¬Έμ— 용의자 wkhtmltopdf μ‚¬μš© QtWebKit μžˆλŠ” λ¬Έμ œκ°€ Function.prototype.bind , C3의 μƒˆ λ²„μ „μ—μ„œ μ‚¬μš©λ˜λŠ” 방법을. phantomjs 내보내기λ₯Ό μž‘μ„±ν•  λ•Œ λΉ„μŠ·ν•œ 문제λ₯Ό 직접

Function.prototype.bind = Function.prototype.bind || function (thisp) {
  var fn = this;
  return function () {
    return fn.apply(thisp, arguments);
  };
};

wkhtmltopdf μ΅μˆ™ν•˜μ§€ μ•Šμ§€λ§Œ λ Œλ”λ§λ˜λŠ” νŽ˜μ΄μ§€μ˜ μ»¨ν…μŠ€νŠΈ λ‚΄μ—μ„œ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€! λ‹€λ₯Έ μžλ°”μŠ€ν¬λ¦½νŠΈλ³΄λ‹€ λ¨Όμ € 이 6쀄을 μ‚½μž…ν•˜λ©΄ λ¬Έμ œκ°€ ν•΄κ²°λ©λ‹ˆλ‹€.

감사 ν•΄μš”! 이 λ¬Έμ œλŠ” ν•΄κ²°λœ 것 κ°™μœΌλ‹ˆ μ’…λ£Œν•΄ μ£Όμ„Έμš”.

@yuvii
dwight-schrute-thank-you-cry-on-the-office

@yuvii 당신은 ꡉμž₯ν•©λ‹ˆλ‹€!
slothsome

vega / wkhtmltopdf 같은 λ¬Έμ œκ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€. @yuvii 의 μ†”λ£¨μ…˜μ€ 맀λ ₯처럼 μž‘λ™ν–ˆμŠ΅λ‹ˆλ‹€. 정말 κ°μ‚¬ν•©λ‹ˆλ‹€!

@yuvii 당신은 μ™•μž…λ‹ˆλ‹€!

@yuvii κ°μ‚¬ν•©λ‹ˆλ‹€!!!!!

Google μ§μ›μ˜ 경우 @yuviiλŠ” fullcalendar둜 λ‚΄ μ„ΈλŒ€ 문제λ₯Ό ν•΄κ²°ν–ˆμŠ΅λ‹ˆλ‹€. λ‚˜λŠ” 해결책을 μ°ΎλŠ” 데 λͺ‡ μ‹œκ°„μ„ λ³΄λƒˆλ‹€.
κ°μ‚¬ν•©λ‹ˆλ‹€.

λŒ€λ‹¨ν•˜λ‹€ @yuvii . Google Maps APIκ°€ λ³€κ²½λ˜μ—ˆμ„ λ•Œ λ™μΌν•œ λ¬Έμ œκ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€.

κ³ λ§ˆμ›Œ, 이것은 λ‚΄ django pdfkit 문제λ₯Ό μ™„μ „νžˆ ν•΄κ²°ν–ˆμŠ΅λ‹ˆλ‹€!

@yuvii κ°μ‚¬ν•©λ‹ˆλ‹€. λ‚˜λŠ” μ†”λ£¨μ…˜μ„ μ°ΎλŠ” 데 λͺ‡ μ‹œκ°„μ„ λ³΄λƒˆμŠ΅λ‹ˆλ‹€.
Fabric.js > Html > wkhtmltopdf > .pdf 파일둜 μΊ”λ²„μŠ€μ— 그리기
λΈŒλΌμš°μ €μ˜ HTML은 μ •ν™•ν–ˆμ§€λ§Œ 좜λ ₯ .pdf νŒŒμΌμ— 빈 μΊ”λ²„μŠ€κ°€ μžˆμ—ˆμŠ΅λ‹ˆλ‹€.

fabric.js에 λ™μΌν•œ λ¬Έμ œκ°€ μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

λ‚˜λŠ”μ΄ λ•Œλ¬Έμ— 용의자 wkhtmltopdf μ‚¬μš© QtWebKit μžˆλŠ” λ¬Έμ œκ°€ Function.prototype.bind , C3의 μƒˆ λ²„μ „μ—μ„œ μ‚¬μš©λ˜λŠ” 방법을. phantomjs 내보내기λ₯Ό μž‘μ„±ν•  λ•Œ λΉ„μŠ·ν•œ 문제λ₯Ό 직접

Function.prototype.bind = Function.prototype.bind || function (thisp) {
  var fn = this;
  return function () {
    return fn.apply(thisp, arguments);
  };
};

wkhtmltopdf μ΅μˆ™ν•˜μ§€ μ•Šμ§€λ§Œ λ Œλ”λ§λ˜λŠ” νŽ˜μ΄μ§€μ˜ μ»¨ν…μŠ€νŠΈ λ‚΄μ—μ„œ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

덕뢄에 ν•˜λ£¨λ₯Ό κ΅¬ν–ˆμŠ΅λ‹ˆλ‹€. C3jsμ—μ„œ μ €μ—κ²Œ νš¨κ³Όμ μ΄μ—ˆμŠ΅λ‹ˆλ‹€. 차트 μ»¨ν…Œμ΄λ„ˆ λ„ˆλΉ„λ₯Ό μ„€μ •ν•˜λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€.

이 λŒ“κΈ€μ€ λ†€λžμŠ΅λ‹ˆλ‹€. μ €λŠ” 더 이상 코딩을 ν•˜μ§€ μ•Šκ³  κ·Έ 세상을 λ– λ‚¬μ§€λ§Œ μ΄λ”°κΈˆ 이 νŽ˜μ΄μ§€λ₯Ό λ°©λ¬Έν•˜μ—¬ μ œκ°€ ν‹ˆμƒˆ λ¬Έμ œμ— λŒ€ν•΄ 찾은 해결책이 5λ…„ λ™μ•ˆ _λ§Žμ€ μ‚¬λžŒλ“€μ—κ²Œ 도움이 λ˜μ—ˆλ‹€λŠ” 사싀을 경외심 속에 μ§€μΌœλ³΄κ³  μžˆμŠ΅λ‹ˆλ‹€. λ―Έμ³€μ–΄

λ‚˜λŠ”μ΄ λ•Œλ¬Έμ— 용의자 wkhtmltopdf μ‚¬μš© QtWebKit μžˆλŠ” λ¬Έμ œκ°€ Function.prototype.bind , C3의 μƒˆ λ²„μ „μ—μ„œ μ‚¬μš©λ˜λŠ” 방법을. phantomjs 내보내기λ₯Ό μž‘μ„±ν•  λ•Œ λΉ„μŠ·ν•œ 문제λ₯Ό 직접

Function.prototype.bind = Function.prototype.bind || function (thisp) {
  var fn = this;
  return function () {
    return fn.apply(thisp, arguments);
  };
};

wkhtmltopdf μ΅μˆ™ν•˜μ§€ μ•Šμ§€λ§Œ λ Œλ”λ§λ˜λŠ” νŽ˜μ΄μ§€μ˜ μ»¨ν…μŠ€νŠΈ λ‚΄μ—μ„œ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

Holly Molly, 당신은 μ˜μ›νžˆ λ‚΄ λ§ˆμŒμ— νŠΉλ³„ν•œ 자리λ₯Ό κ°€μ§ˆ κ²ƒμž…λ‹ˆλ‹€. Highchart κ·Έλž˜ν”„λŠ” μ›Ή λΈŒλΌμš°μ €μ—μ„œ μ œλŒ€λ‘œ μž‘λ™ν–ˆμ§€λ§Œ Wkhtmltopdfλ₯Ό μ‚¬μš©ν•˜μ—¬ PDF둜 μ œλŒ€λ‘œ λ³€ν™˜λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. λˆ„κ΅°κ°€κ°€ 같은 문제λ₯Ό κ²ͺκ³  μžˆλ‹€λ©΄ ν•˜μ΄μ°¨νŠΈ 슀크립트λ₯Ό ν˜ΈμΆœν•˜κΈ° 전에 ν•΄λ‹Ή κΈ°λŠ₯을 μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ λ©λ‹ˆλ‹€. λ§ˆμΉ¨λ‚΄ 4μ‹œκ°„ λ§Œμ— 해결책을 μ°Ύμ•˜μŠ΅λ‹ˆλ‹€. λ˜ν•œ Wkhtmltopdf 및 Highchart둜 문제λ₯Ό 디버깅할 수 있으렀면 "wkhtmltopdf.exe --javascript-delay 10000 --no-stop-slow-scripts --enable-javascript --debug-javascript" 인수λ₯Ό μΆ”κ°€ν•˜λŠ” 것을 μžŠμ§€ λ§ˆμ‹­μ‹œμ˜€.

λ‚˜λŠ”μ΄ λ•Œλ¬Έμ— 용의자 wkhtmltopdf μ‚¬μš© QtWebKit μžˆλŠ” λ¬Έμ œκ°€ Function.prototype.bind , C3의 μƒˆ λ²„μ „μ—μ„œ μ‚¬μš©λ˜λŠ” 방법을. phantomjs 내보내기λ₯Ό μž‘μ„±ν•  λ•Œ λΉ„μŠ·ν•œ 문제λ₯Ό 직접

Function.prototype.bind = Function.prototype.bind || function (thisp) {
  var fn = this;
  return function () {
    return fn.apply(thisp, arguments);
  };
};

wkhtmltopdf μ΅μˆ™ν•˜μ§€ μ•Šμ§€λ§Œ λ Œλ”λ§λ˜λŠ” νŽ˜μ΄μ§€μ˜ μ»¨ν…μŠ€νŠΈ λ‚΄μ—μ„œ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€. 방금 6쀄 이상을 μ—°κ²°ν–ˆλŠ”λ° hight μ°¨νŠΈμ—μ„œ μž‘λ™ν•˜κ³  거의 3~4μ‹œκ°„ λ™μ•ˆ λ””λ²„κΉ…ν–ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ”μ΄ λ•Œλ¬Έμ— 용의자 wkhtmltopdf μ‚¬μš© QtWebKit μžˆλŠ” λ¬Έμ œκ°€ Function.prototype.bind , C3의 μƒˆ λ²„μ „μ—μ„œ μ‚¬μš©λ˜λŠ” 방법을. phantomjs 내보내기λ₯Ό μž‘μ„±ν•  λ•Œ λΉ„μŠ·ν•œ 문제λ₯Ό 직접

Function.prototype.bind = Function.prototype.bind || function (thisp) {
  var fn = this;
  return function () {
    return fn.apply(thisp, arguments);
  };
};

wkhtmltopdf μ΅μˆ™ν•˜μ§€ μ•Šμ§€λ§Œ λ Œλ”λ§λ˜λŠ” νŽ˜μ΄μ§€μ˜ μ»¨ν…μŠ€νŠΈ λ‚΄μ—μ„œ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

λ‚΄ ν•˜λ£¨λ₯Ό μ €μž₯ν–ˆμŠ΅λ‹ˆλ‹€. 같이 λ©°μΉ  κ³ μƒν–ˆμ–΄μš” :+1:

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰

κ΄€λ ¨ 문제

laurentdebricon picture laurentdebricon  Β·  3μ½”λ©˜νŠΈ

Kreozot picture Kreozot  Β·  3μ½”λ©˜νŠΈ

mwho picture mwho  Β·  3μ½”λ©˜νŠΈ

unlight picture unlight  Β·  3μ½”λ©˜νŠΈ

udhaya2kmrv picture udhaya2kmrv  Β·  3μ½”λ©˜νŠΈ