Just use context.getCanvas().toDataUrl(); which will return data uri with the contents of the canvas. You can use it directly in <img src=""> element or send it to server.
On Monday, January 25, 2016 at 3:19:03 PM UTC+1, Julio Heitor Nobrega wrote: > > I have just found an example (http://c.gwt-examples.com/home/ui/canvas). > > The only problem is to convert ImageData to an byte array :) > > Regards! > > > > 2016-01-25 12:08 GMT-02:00 Julio Heitor Nobrega <[email protected] > <javascript:>>: > >> Does anyone have some examples regarding the Canvas class? >> >> I've seen the java doc API but the only methods i think that could be >> useful was: >> >> Context2d >> <http://www.gwtproject.org/javadoc/latest/com/google/gwt/canvas/dom/client/Context2d.html> >> *getContext2d >> <http://www.gwtproject.org/javadoc/latest/com/google/gwt/canvas/client/Canvas.html#getContext2d%28%29>* >> () >> Returns a 2D rendering context. >> void *setCoordinateSpaceHeight >> <http://www.gwtproject.org/javadoc/latest/com/google/gwt/canvas/client/Canvas.html#setCoordinateSpaceHeight%28int%29>* >> (int height) >> Sets the height of the internal canvas coordinate space. >> void *setCoordinateSpaceWidth >> <http://www.gwtproject.org/javadoc/latest/com/google/gwt/canvas/client/Canvas.html#setCoordinateSpaceWidth%28int%29>* >> (int width) >> Sets the width of the internal canvas coordinate space. >> >> 2016-01-14 16:36 GMT-02:00 Kirill Prazdnikov <[email protected] >> <javascript:>>: >> >>> Canvas is an DOM Element. >>> It can render Image Elements to itself in any resolution. >>> However it may produce not nice results. >>> >>> It depends on what you need. >>> >>> On Thursday, January 14, 2016 at 9:17:36 PM UTC+3, Julio Heitor Nobrega >>> wrote: >>>> >>>> Hi guys, >>>> >>>> thanks everyone for the answers! >>>> >>>> Greg, is Canvas a GWT framework or its a class that belong to GWT >>>> itself? >>>> >>>> Do you have any example of use? >>>> >>>> Regards >>>> >>>> >>>> >>>> Em quinta-feira, 14 de janeiro de 2016 11:25:29 UTC-2, Julio Heitor >>>> Nobrega escreveu: >>>>> >>>>> Hi guys, >>>>> >>>>> i am trying to upload images with 2mb size but i don't want to send >>>>> the whole original image to the server. >>>>> >>>>> What i would like to do is reduce the image dimensions from, for >>>>> example, *1000x1000* to *50x50* and reduce the file size >>>>> from *2mb* to *~25kb* as well and at the end send the *~25kb* image >>>>> to the server. >>>>> >>>>> I know there is the Scalr framework that does that in java, but its no >>>>> compatible with GWT clients. >>>>> >>>>> Is there any client side GWT library that does the same thing as Scalr? >>>>> >>>>> Best Regards! >>>>> >>>>> >>>>> -- >>> You received this message because you are subscribed to a topic in the >>> Google Groups "GWT Users" group. >>> To unsubscribe from this topic, visit >>> https://groups.google.com/d/topic/google-web-toolkit/8OfazCLtcLA/unsubscribe >>> . >>> To unsubscribe from this group and all its topics, send an email to >>> [email protected] <javascript:>. >>> To post to this group, send email to [email protected] >>> <javascript:>. >>> Visit this group at https://groups.google.com/group/google-web-toolkit. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> > -- You received this message because you are subscribed to the Google Groups "GWT Users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/google-web-toolkit. For more options, visit https://groups.google.com/d/optout.
