Glamour - Export panes as PNG

Tx Doru.

My request actually was about a "formal" mechanism where we could generate screenshots from Glamour browsers and later integrating them in the pdf documents, for example. 

Now, most of the time what we to export are roassal visualizations or Eyesee diagrams. Roassal come with its own support and eyesee has its canvas in the presentation that be exported. So added an extension method on GLMEyeseePres to be able to export the canvas as a PNG.

My hack for the morphs is to do the rendering of the morph and then obtain a ImageForm to be exported. So I think even with the morphs it wont be too difficult to create something that works reasonably well. For the moment, I kept these into my extension methods on Glamour but if its something that can serve to the community I can share a slice to be integrated into Glamour.

regards,

Usman

On Tue, Jun 4, 2013 at 8:50 AM, Tudor Girba <[hidden email]> wrote:

Hi Usman,

Sorry for the late reply.

Interesting request.

The only way you can do that is to obtain a reference to the Morph corresponding to your presentation, and this can be tricky. The problem is that not all generated morphs have the same internal representation, and it is difficult to have a general solution.

However, if you are looking only for a practical manual solution, you can do this:
- open your browser and bring it in the desired constellation
- on the window title bar do: Ctrl+Shift+RightClick
- on the menu do explore
- in the GTInspector that opens, choose the Submorphs tab
- start selecting nodes
- in the pane to the right, choose the Morph tab and you will get a preview of what is selected
- continue selecting from the left pane until you get to the desired morph
- from the right pane, choose the top right menu and export to PNG

Here is a description including a video:
http://www.humane-assessment.com/blog/custom-morph-screenshot-with-gtinspector/

Cheers,
Doru

On May 27, 2013, at 5:36 PM, Usman Bhatti <[hidden email]> wrote:

> Did someone try to export individual panes of a glamour browser to an image file?
> I see that GLMBrowser>>screenshot: aFilenameString on: anObject after: aBlock
> does an export of the browser window's image but that more than what I am looking for.
>
> tx,
> Usman

> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"Reasonable is what we are accustomed with."


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

I added the export support by default for every EyeSee presentation, now.

In any case, if you already have a morph, you can directly call:
morph exportAsPNG

Cheers,
Doru

On Jun 4, 2013, at 10:20 PM, Chris Cunningham <[hidden email]> wrote:

> For EyeSee diagrams, this is already present (if you just want the chart and not the browser).  From the browser, there is the menu Export that will export to GIF or PNG.
>
> If you want the chart without opening the browser, it is already ready to be used as well.  It's not directly available from the UI, but then this is working around the UI, so to speak:
>
> <bunch of chart setup, right up to just prior to chart open>
> image := ReadWriteStream on: (ByteArray new: 1024).
> PNGReadWriter putForm: chart canvas imageForm onStream: image.
> ^image
>
> "That will return a PNG bytes, useful for instance if you are displaying it on the web, or putting it into a document"
>
> Or, if you want to save the chart immediately to the file system:
>
> <bunch of chart setup, right up to just prior to chart open>
> image := FileStream newFileNamed: 'chart.gif'.
> image binary.
> GIFReadWriter putForm: chart canvas imageForm onStream: image.
> image close.
>
> -Chris
>
>
> On Tue, Jun 4, 2013 at 12:51 AM, Usman Bhatti <[hidden email]> wrote:
> Tx Doru.
> My request actually was about a "formal" mechanism where we could generate screenshots from Glamour browsers and later integrating them in the pdf documents, for example.
>
> Now, most of the time what we to export are roassal visualizations or Eyesee diagrams. Roassal come with its own support and eyesee has its canvas in the presentation that be exported. So added an extension method on GLMEyeseePres to be able to export the canvas as a PNG.
>
> My hack for the morphs is to do the rendering of the morph and then obtain a ImageForm to be exported. So I think even with the morphs it wont be too difficult to create something that works reasonably well. For the moment, I kept these into my extension methods on Glamour but if its something that can serve to the community I can share a slice to be integrated into Glamour.
>
> regards,
> Usman
>
>
> On Tue, Jun 4, 2013 at 8:50 AM, Tudor Girba <[hidden email]> wrote:
> Hi Usman,
>
> Sorry for the late reply.
>
> Interesting request.
>
> The only way you can do that is to obtain a reference to the Morph corresponding to your presentation, and this can be tricky. The problem is that not all generated morphs have the same internal representation, and it is difficult to have a general solution.
>
> However, if you are looking only for a practical manual solution, you can do this:
> - open your browser and bring it in the desired constellation
> - on the window title bar do: Ctrl+Shift+RightClick
> - on the menu do explore
> - in the GTInspector that opens, choose the Submorphs tab
> - start selecting nodes
> - in the pane to the right, choose the Morph tab and you will get a preview of what is selected
> - continue selecting from the left pane until you get to the desired morph
> - from the right pane, choose the top right menu and export to PNG
>
> Here is a description including a video:
> http://www.humane-assessment.com/blog/custom-morph-screenshot-with-gtinspector/
>
> Cheers,
> Doru
>
>
>
> On May 27, 2013, at 5:36 PM, Usman Bhatti <[hidden email]> wrote:
>
> > Did someone try to export individual panes of a glamour browser to an image file?
> > I see that GLMBrowser>>screenshot: aFilenameString on: anObject after: aBlock
> > does an export of the browser window's image but that more than what I am looking for.
> >
> > tx,
> > Usman
> > _______________________________________________
> > Moose-dev mailing list
> > [hidden email]
> > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> www.tudorgirba.com
>
> "Reasonable is what we are accustomed with."
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"We are all great at making mistakes."

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Roassal can export in SVG. This can be easily converted into .pdf

Cheers,
Alexandre

On Jun 4, 2013, at 3:51 AM, Usman Bhatti <[hidden email]> wrote:

> Tx Doru.
> My request actually was about a "formal" mechanism where we could generate screenshots from Glamour browsers and later integrating them in the pdf documents, for example.
>
> Now, most of the time what we to export are roassal visualizations or Eyesee diagrams. Roassal come with its own support and eyesee has its canvas in the presentation that be exported. So added an extension method on GLMEyeseePres to be able to export the canvas as a PNG.
>
> My hack for the morphs is to do the rendering of the morph and then obtain a ImageForm to be exported. So I think even with the morphs it wont be too difficult to create something that works reasonably well. For the moment, I kept these into my extension methods on Glamour but if its something that can serve to the community I can share a slice to be integrated into Glamour.
>
> regards,
> Usman
>
>
> On Tue, Jun 4, 2013 at 8:50 AM, Tudor Girba <[hidden email]> wrote:
> Hi Usman,
>
> Sorry for the late reply.
>
> Interesting request.
>
> The only way you can do that is to obtain a reference to the Morph corresponding to your presentation, and this can be tricky. The problem is that not all generated morphs have the same internal representation, and it is difficult to have a general solution.
>
> However, if you are looking only for a practical manual solution, you can do this:
> - open your browser and bring it in the desired constellation
> - on the window title bar do: Ctrl+Shift+RightClick
> - on the menu do explore
> - in the GTInspector that opens, choose the Submorphs tab
> - start selecting nodes
> - in the pane to the right, choose the Morph tab and you will get a preview of what is selected
> - continue selecting from the left pane until you get to the desired morph
> - from the right pane, choose the top right menu and export to PNG
>
> Here is a description including a video:
> http://www.humane-assessment.com/blog/custom-morph-screenshot-with-gtinspector/
>
> Cheers,
> Doru
>
>
>
> On May 27, 2013, at 5:36 PM, Usman Bhatti <[hidden email]> wrote:
>
> > Did someone try to export individual panes of a glamour browser to an image file?
> > I see that GLMBrowser>>screenshot: aFilenameString on: anObject after: aBlock
> > does an export of the browser window's image but that more than what I am looking for.
> >
> > tx,
> > Usman
> > _______________________________________________
> > Moose-dev mailing list
> > [hidden email]
> > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> www.tudorgirba.com
>
> "Reasonable is what we are accustomed with."
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--

_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

I added the export support by default for every EyeSee presentation, now.

In any case, if you already have a morph, you can directly call:
morph exportAsPNG

Cheers,
Doru

On Jun 4, 2013, at 10:20 PM, Chris Cunningham <[hidden email]> wrote:

> For EyeSee diagrams, this is already present (if you just want the chart and not the browser).  From the browser, there is the menu Export that will export to GIF or PNG.
>
> If you want the chart without opening the browser, it is already ready to be used as well.  It's not directly available from the UI, but then this is working around the UI, so to speak:
>
> <bunch of chart setup, right up to just prior to chart open>
> image := ReadWriteStream on: (ByteArray new: 1024).
> PNGReadWriter putForm: chart canvas imageForm onStream: image.
> ^image
>
> "That will return a PNG bytes, useful for instance if you are displaying it on the web, or putting it into a document"
>
> Or, if you want to save the chart immediately to the file system:
>
> <bunch of chart setup, right up to just prior to chart open>
> image := FileStream newFileNamed: 'chart.gif'.
> image binary.
> GIFReadWriter putForm: chart canvas imageForm onStream: image.
> image close.
>
> -Chris
>
>
> On Tue, Jun 4, 2013 at 12:51 AM, Usman Bhatti <[hidden email]> wrote:
> Tx Doru.
> My request actually was about a "formal" mechanism where we could generate screenshots from Glamour browsers and later integrating them in the pdf documents, for example.
>
> Now, most of the time what we to export are roassal visualizations or Eyesee diagrams. Roassal come with its own support and eyesee has its canvas in the presentation that be exported. So added an extension method on GLMEyeseePres to be able to export the canvas as a PNG.
>
> My hack for the morphs is to do the rendering of the morph and then obtain a ImageForm to be exported. So I think even with the morphs it wont be too difficult to create something that works reasonably well. For the moment, I kept these into my extension methods on Glamour but if its something that can serve to the community I can share a slice to be integrated into Glamour.
>
> regards,
> Usman
>
>
> On Tue, Jun 4, 2013 at 8:50 AM, Tudor Girba <[hidden email]> wrote:
> Hi Usman,
>
> Sorry for the late reply.
>
> Interesting request.
>
> The only way you can do that is to obtain a reference to the Morph corresponding to your presentation, and this can be tricky. The problem is that not all generated morphs have the same internal representation, and it is difficult to have a general solution.
>
> However, if you are looking only for a practical manual solution, you can do this:
> - open your browser and bring it in the desired constellation
> - on the window title bar do: Ctrl+Shift+RightClick
> - on the menu do explore
> - in the GTInspector that opens, choose the Submorphs tab
> - start selecting nodes
> - in the pane to the right, choose the Morph tab and you will get a preview of what is selected
> - continue selecting from the left pane until you get to the desired morph
> - from the right pane, choose the top right menu and export to PNG
>
> Here is a description including a video:
> http://www.humane-assessment.com/blog/custom-morph-screenshot-with-gtinspector/
>
> Cheers,
> Doru
>
>
>
> On May 27, 2013, at 5:36 PM, Usman Bhatti <[hidden email]> wrote:
>
> > Did someone try to export individual panes of a glamour browser to an image file?
> > I see that GLMBrowser>>screenshot: aFilenameString on: anObject after: aBlock
> > does an export of the browser window's image but that more than what I am looking for.
> >
> > tx,
> > Usman
> > _______________________________________________
> > Moose-dev mailing list
> > [hidden email]
> > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> www.tudorgirba.com
>
> "Reasonable is what we are accustomed with."
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"We are all great at making mistakes."

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Interestingly, I just tried from the EyeSee Canvas (the EyeSee output), to do export->ExportAsPNG, and it failed.  It claims that #pathName is deprecated, and that #pathNameDelimiter isn't understood at all.  this is in ESCanvas>>exportWith:extension:

-Chris

On Wed, Jun 5, 2013 at 2:18 PM, Tudor Girba <[hidden email]> wrote:

I added the export support by default for every EyeSee presentation, now.

In any case, if you already have a morph, you can directly call:
morph exportAsPNG

Cheers,
Doru

On Jun 4, 2013, at 10:20 PM, Chris Cunningham <[hidden email]> wrote:

> For EyeSee diagrams, this is already present (if you just want the chart and not the browser).  From the browser, there is the menu Export that will export to GIF or PNG.
>
> If you want the chart without opening the browser, it is already ready to be used as well.  It's not directly available from the UI, but then this is working around the UI, so to speak:
>
> <bunch of chart setup, right up to just prior to chart open>
> image := ReadWriteStream on: (ByteArray new: 1024).
> PNGReadWriter putForm: chart canvas imageForm onStream: image.
> ^image
>
> "That will return a PNG bytes, useful for instance if you are displaying it on the web, or putting it into a document"
>
> Or, if you want to save the chart immediately to the file system:
>
> <bunch of chart setup, right up to just prior to chart open>
> image := FileStream newFileNamed: 'chart.gif'.
> image binary.
> GIFReadWriter putForm: chart canvas imageForm onStream: image.
> image close.
>
> -Chris
>
>
> On Tue, Jun 4, 2013 at 12:51 AM, Usman Bhatti <[hidden email]> wrote:
> Tx Doru.
> My request actually was about a "formal" mechanism where we could generate screenshots from Glamour browsers and later integrating them in the pdf documents, for example.
>
> Now, most of the time what we to export are roassal visualizations or Eyesee diagrams. Roassal come with its own support and eyesee has its canvas in the presentation that be exported. So added an extension method on GLMEyeseePres to be able to export the canvas as a PNG.
>
> My hack for the morphs is to do the rendering of the morph and then obtain a ImageForm to be exported. So I think even with the morphs it wont be too difficult to create something that works reasonably well. For the moment, I kept these into my extension methods on Glamour but if its something that can serve to the community I can share a slice to be integrated into Glamour.
>
> regards,
> Usman
>
>
> On Tue, Jun 4, 2013 at 8:50 AM, Tudor Girba <[hidden email]> wrote:
> Hi Usman,
>
> Sorry for the late reply.
>
> Interesting request.
>
> The only way you can do that is to obtain a reference to the Morph corresponding to your presentation, and this can be tricky. The problem is that not all generated morphs have the same internal representation, and it is difficult to have a general solution.
>
> However, if you are looking only for a practical manual solution, you can do this:
> - open your browser and bring it in the desired constellation
> - on the window title bar do: Ctrl+Shift+RightClick
> - on the menu do explore
> - in the GTInspector that opens, choose the Submorphs tab
> - start selecting nodes
> - in the pane to the right, choose the Morph tab and you will get a preview of what is selected
> - continue selecting from the left pane until you get to the desired morph
> - from the right pane, choose the top right menu and export to PNG
>
> Here is a description including a video:
> http://www.humane-assessment.com/blog/custom-morph-screenshot-with-gtinspector/
>
> Cheers,
> Doru
>
>
>
> On May 27, 2013, at 5:36 PM, Usman Bhatti <[hidden email]> wrote:
>
> > Did someone try to export individual panes of a glamour browser to an image file?
> > I see that GLMBrowser>>screenshot: aFilenameString on: anObject after: aBlock
> > does an export of the browser window's image but that more than what I am looking for.
> >
> > tx,
> > Usman
> > _______________________________________________
> > Moose-dev mailing list
> > [hidden email]
> > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> www.tudorgirba.com
>
> "Reasonable is what we are accustomed with."
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"We are all great at making mistakes."

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev