2012-09-12 27 views
14

şimdiye başarıyla HTML gömülü bir SVG ile bir PDF oluşturmak için şans bu engin uzayda herkesin etti Has Lütfen SVG gömmek zaman? Her zaman bölümleme hatası alıyorum. belkiwkhtmltopdf arızası

Ya bir HTML dosyası içine bir SVG gömmek ve daha sonra PDF yerine wkhtmltopdf için ihracat başka yolu var mı?

+0

Bu Geçenlerde wkhtmltopdf kullanarak SVG lezyonu bulunan çözülmüş bir sorun gibi bir çok geliyor. Hangi sürümü denediniz? Bunu yapmak için statik olarak bağlantılı 0.9 sürümünü kullanarak daha fazla şansım oldu. – hsanders

+0

hsanders, 0.11.0 rc1 kullanıyorum. Btw dosyasını nasıl gömdünüz? – Jeebsion

+0

Kullandığımız SVG, yüksek şemalar tarafından yerleştirildi (anında oluşturuldu) – hsanders

cevap

0

Sağ .. Sonunda çekip başardı ... gerekli tüm orijinal eps dosya üzerinde tedavinin biraz oldu. Ben illüstratör dosyayı açtı ve daha sonra .. svg olarak kaydetmek .. dosyanın falan pek katmanları düzleştirmek oldu mu belki neyi .. "şeffaflık dümdüz" seçti ve onu .. PDF güzel render

Umarım, buradaki herkes benim yaptığımın aynı sorunu varsa yardımcı olur. Teşekkür ederim! : D

12

Ben benzer bir sorun vardı. SVG görüntüsünde gömülü javascript, segmentasyon hatasına neden olabilir.

pygal Python modülünü kullanarak SVG grafikleri oluşturuyordum. SVG grafikleriyle HTML'den başarılı bir şekilde PDF oluşturmak için birkaç şey yapmam gerekiyordu:

  1. Referansı javascript. (pygal durumunda js =() anahtarını bir grafik oluşturucuya ekleyin).
  2. gibi, bir şekilde kodlanmış base64 img içine

  3. yerleştir SVG resmi (pygal kullanım explicit_size keywoard halinde)

    <svg ... width="300" height="200"> 
    

    gibi etiket svg etiketinde resim boyutu belirleme

    <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0..."> 
    

wkhtmltopdf dosyasının 11'inci sürümünü kullanıyordum. Bu düzeltme başkaları için çalışmazsa

+2

Ayrıca, 'opacity' özelliğini xml dosyasındaki herhangi bir etiketten kaldırmayı deneyin; Bu benim için çözdü. – okyanet

+0

SVG dosyasını SVG etiketine genişletmek benim için yaptı.'Img' etiketi içine koymak maalesef hiçbir şey yapmadı. –

4

, burada Ubuntu 64. (Panokev Kredi)

diğer tüm önce javascript Bu ekle altında chartist.js ve wkhtmltopdf 0.12.2.1 ile benim için çalıştı ne JS.

{ 

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

Kesin örneğin grafik div genişliği tarzı, set - tarzı = "genişliği: 950px;"

+1

Bu, chartist.js'ye özgüdür ve ne yapar? Daha fazla ayrıntı ekleyebilir misiniz? – mehmet

İlgili konular