SVG Ben kullanıcılar grafiği indirebilmeniz JavaScript aracılığıyla bir PNG-görüntüye dönüştürmek istediğiniz D3js ile oluşturulan bazı grafikler var PNG

Question

için D3js ile oluşturulan dönüştürülür.

Bir tuvaline SVG dönüştürmek ve bir resim tuvali dönüştürmek çözümler gördük. Bu benim için işe yaramayacaktır çünkü SVG, tüm tuvalin çok kalın çizgilerle siyahlaşmasına neden olan unsurları şekillendirmek için sınıfları kullanır (ki bu da insanlıktan dolayı değişmemeyi tercih ederim).

doğrudan PNG SVG-grafikler dönüştürmek mümkün mü? o saf JavaScript çözümü olmak zorunda değildir, ancak ben bu yüzden de diğer projelerde bunu uygulayabilirsiniz JavaScript ile bunu tercih ediyorum, böylece

sayfa bir Ruby on Rails proje içindedir.

Answer 1

bir tuval içinde svg görüntülemek için öncelikle gibi http://code.google.com/p/canvg/

(kod uyarlanan bir ayrıştırıcı/işleyici yardımcı programını kullanarak dönüştürmek zorunda: resmin vb (JPEG, PNG) SVG dönüştürme tarayıcısı)

// the canvg call that takes the svg xml and converts it to a canvas 
canvg('canvas', $("svg").html()); 

// the canvas calls to output a png 
var canvas = document.getElementById("canvas"); 
var img = canvas.toDataURL("image/png");