Databases
StackOverflow2013
Postsdbo
POSaving Raphaël image as PNG on Internet Explorer
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSaving Raphaël image as PNG on Internet Explorer
    primarykey
    data
    text
    <p>I have some nice graphics done using <a href="https://en.wikipedia.org/wiki/Rapha%C3%ABl_%28JavaScript_library%29" rel="nofollow">Raphaël</a> (a JavaScript library), and I want to add a feature to save it as a <a href="http://en.wikipedia.org/wiki/Portable_Network_Graphics" rel="nofollow">PNG</a> file.</p> <p>This is simple on every browser except Internet&nbsp;Explorer, because on non-Internet&nbsp;Explorer browsers I get <a href="http://en.wikipedia.org/wiki/Scalable_Vector_Graphics" rel="nofollow">SVG</a> as an output from Raphaël, and then I can convert it to canvas (using cansvg library) and canvas has a <code>toDataURL()</code> method. But on Internet&nbsp;Explorer, Raphaël outputs <a href="https://en.wikipedia.org/wiki/Vector_Markup_Language" rel="nofollow">VML</a>. I can't use the <a href="http://en.wikipedia.org/wiki/Google_Chrome" rel="nofollow">Chrome</a> frame plugin. Why? </p> <p>Users of my application choose Internet&nbsp;Explorer just because it is preinstalled on Windows, and they don't have permission to install anything else. So they can't install this plugin. So my second idea was to get an SVG string on Internet&nbsp;Explorer, pass it to cansvg to get a canvas and then use <code>flashCanvas</code>. </p> <p>I tried to trick Raphaël to think it's running on a non-Internet&nbsp;Explorer browser and get SVG as output, but I failed, as Raphaël use some JavaScript functions that are absent in Internet&nbsp;Explorer to produce SVG. </p> <p>So how do I accomplish this task under Internet&nbsp;Explorer?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USPeter Mortensen
    1. USmnowotka
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POSaving Raphaël image as PNG on Internet Explorer
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POSaving Raphaël image as PNG on Internet Explorer
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POSaving Raphaël image as PNG on Internet Explorer
      1. USpex
      1. VTFavorite
    1. COI'm not posting this as an answer, because I haven't tried it myself, but you may have some success "tricking" Raphael to use svg-web, which has decent support for the SVG DOM API. The techniques you're using in other browsers would then be the same. I think it's very conceivable that this could work, but you may have to hack into the raphaeljs code a bit. Note that I have never read about anyone attempting to use raphaeljs with svg-web, svg-web with canvg, or canvg with flashcanvas, so if you get it all to work, it will be an epic hack, and you should definitely write about it. Good luck :)
      singulars
      1. POSaving Raphaël image as PNG on Internet Explorer
      1. USjbeard4
    2. COAs I said - i made it working on every browser except IE. I can attach aptana project if you want to try it.
      singulars
      1. POSaving Raphaël image as PNG on Internet Explorer
      1. USmnowotka
    3. CONow something about tricking raphael. These are methods used in raphael that are not supported in IE: getNumberOfChars(), getExtentOfChar(), createElementNS() and there were some other issues as well
      singulars
      1. POSaving Raphaël image as PNG on Internet Explorer
      1. USmnowotka
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload