Questions tagged [canvg]

canvg is an SVG parser and renderer. It takes a URL to an SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.

From http://code.google.com/p/canvg/

canvg is an SVG parser and renderer. It takes a URL to an SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.

131 questions
0
votes
3 answers

how to convert all html (including svg and underlying css/js) to png or image browser side

is there a one-stop-shop library that'll pull my html/css (post js actions) as it is and convert it into an image, like png? my complication is the page's js can be rendering svg's or any sort of styles after load - i won't know. i know there are…
bumpkin
  • 3,321
  • 4
  • 25
  • 32
0
votes
1 answer

Converting svg to canvas and get the base64 String (canvg)

We use in Java a native method with canvg https://code.google.com/p/canvg/ to convert a SVG String to canvas to a png image. By that we need a renderCallback, because Images in the SVG String need time to be rendered, otherwise we get a wrong…
0
votes
1 answer

canvg rendering aligned textPath not working

im trying to create from an generated (with d3js) SVG Object an PNG image using canvg. All the paths (there are not in example) are rendered perfectly, but the textPath, that is aligned to a circle path is not shown (s. jsFiddle example). Where…
Maximilian Wiens
  • 313
  • 4
  • 10
0
votes
1 answer

How can I prepare a SVG for canvg() in IE 8?

I'm trying to use canvg to rasterize a SVG image embedded in my document. The following code produces correct output in Firefox 17: //svg is a jQuery object that we selected earlier //canvas is a canvas created earlier //use a temporary DOM object…
Vishal Kotcherlakota
  • 1,134
  • 4
  • 13
  • 36
0
votes
1 answer

Adding downloadlink using canvg and amcharts

I am trying to add a downloadlink to a page that uses AmCharts and CanVG. The entire graph and img displaying part is all working correctly. Now i need a downloadlink to provide the user with the image of the graph displayed. i have already tried to…
SliQz
  • 298
  • 1
  • 4
  • 17
0
votes
1 answer

Can I access paths defined in svg file imported via canvg?

I have an image in an svg file that I imported into a object using canvg (http://code.google.com/p/canvg/). canvg('canvas', '../path/to/your.svg') I need to perform an action whenever the user clicks inside one of the paths defined in the…
0
votes
1 answer

Toggle visibility on canvas rendered svg

I am using canvg to render a large number of svgs onto canvases. I want these svgs to disappear/appear based on checkboxes - I've got the checkboxes bit down as well as making the svgs appear. But my question is how do I make the svgs…
user1527634
  • 31
  • 1
  • 2
  • 6
-1
votes
1 answer

How to generate an SVG of Highcharts graphics with images on the bars and show on the canvas tag?

I need get chart with images in bars (i using pattern and script Highstocks) and put in a tag Canvas, but when i send SVG to tag Canvas the images in bar disappear. Do you can help me? Follow bellow that i did until…
-1
votes
1 answer

Fail getting png from svg using canvg

I am using canvg.js to export a svg element to png image using cavas toDataUrl() but the resulting image is not correct I read another related post and they say that there is an error in canvg parsing text nodes, but it doesn't show rectangles of…
-1
votes
1 answer

Can't download my svg to png

Can anyone tell me why is my svg to png not downloading? What am I doing wrong? I can't seem to find a solution on how to download my svg to png. Is it my libraries or my code? function save(){ $("#editor_save").click(function() { //…
Jonty
  • 39
  • 1
  • 7
-1
votes
1 answer

Show image below canvas created by canvg

i have created one canvas by using canvg plugin. Then i want to put another background image below canvas using ctx.drawimage() [created by canvg]. I tried . Please suggest. var svgString = new…
Lakin Mohapatra
  • 1,097
  • 11
  • 22
1 2 3
8
9