hg/bck2brwsr: javaquery/api/src/main/java/org/apidesign/bck2brwsr/htmlpage/HTML5GraphicsEnvironment.java@0f775bd8d210

     1 /**

     2  * Back 2 Browser Bytecode Translator Copyright (C) 2012 Jaroslav Tulach

     3  * <jaroslav.tulach@apidesign.org>

     4  *

     5  * This program is free software: you can redistribute it and/or modify it under

     6  * the terms of the GNU General Public License as published by the Free Software

     7  * Foundation, version 2 of the License.

     8  *

     9  * This program is distributed in the hope that it will be useful, but WITHOUT

    10  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS

    11  * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more

    12  * details.

    13  *

    14  * You should have received a copy of the GNU General Public License along with

    15  * this program. Look for COPYING file in the top folder. If not, see

    16  * http://opensource.org/licenses/GPL-2.0.

    17  */

    18 package org.apidesign.bck2brwsr.htmlpage;

    20 import java.util.HashMap;

    21 import java.util.Set;

    22 import net.java.html.canvas.Dimension;

    23 import net.java.html.canvas.Image;

    24 import net.java.html.canvas.ImageData;

    25 import net.java.html.canvas.Style;

    26 import net.java.html.canvas.Style.Color;

    27 import net.java.html.canvas.Style.LinearGradient;

    28 import net.java.html.canvas.Style.Pattern;

    29 import net.java.html.canvas.Style.RadialGradient;

    30 import net.java.html.canvas.spi.GraphicsEnvironment;

    31 import org.apidesign.bck2brwsr.core.JavaScriptBody;

    32 import org.apidesign.bck2brwsr.htmlpage.api.Canvas;

    34 /**

    35  *

    36  * @author Anton Epple <toni.epple@eppleton.de>

    37  */

    38 public class HTML5GraphicsEnvironment implements GraphicsEnvironment {

    40     Object context;

    41     Canvas canvas;

    43     public HTML5GraphicsEnvironment(Object contextImpl, Canvas canvas) {

    44         this.context = contextImpl;

    45         this.canvas = canvas;

    46     }

    48     @JavaScriptBody(args = {"centerx", "centery", "radius", "startangle", "endangle", "ccw"},

    49             body = "this._context().arc(centerx,centery, radius, startangle, endangle,ccw);")

    50     @Override

    51     public native void arc(double centerX,

    52             double centerY,

    53             double startAngle,

    54             double radius,

    55             double endAngle,

    56             boolean ccw);

    58     @JavaScriptBody(args = {"x1", "y1", "x2", "y2", "r"},

    59             body = "this._context().arcTo(x1,y1,x2,y2,r);")

    60     @Override

    61     public native void arcTo(double x1,

    62             double y1,

    63             double x2,

    64             double y2,

    65             double r);

    67     @JavaScriptBody(args = {"x", "y"},

    68             body = "return this._context().isPointInPath(x,y);")

    69     @Override

    70     public native boolean isPointInPath(double x, double y);

    72     @JavaScriptBody(args = {}, body = "this._context().fill();")

    73     @Override

    74     public native void fill();

    76     @JavaScriptBody(args = {}, body = "this._context().stroke();")

    77     @Override

    78     public native void stroke();

    80     @JavaScriptBody(args = {}, body = "this._context().beginPath();")

    81     @Override

    82     public native void beginPath();

    84     @JavaScriptBody(args = {}, body = "this._context().closePath();")

    85     @Override

    86     public native void closePath();

    88     @JavaScriptBody(args = {}, body = "this._context().clip();")

    89     @Override

    90     public native void clip();

    92     @JavaScriptBody(args = {"x", "y"}, body = "this._context().moveTo(x,y);")

    93     @Override

    94     public native void moveTo(double x, double y);

    96     @JavaScriptBody(args = {"x", "y"}, body = "this._context().lineTo(x,y);")

    97     @Override

    98     public native void lineTo(double x, double y);

   100     @JavaScriptBody(args = {"cpx", "cpy", "x", "y"}, body = "this._context().quadraticCurveTo(cpx,cpy,x,y);")

   101     @Override

   102     public native void quadraticCurveTo(double cpx, double cpy, double x, double y);

   104     @JavaScriptBody(args = {"cp1x", "cp1y", "cp2x", "cp2y", "x", "y"},

   105             body = "this._context().bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y);")

   106     @Override

   107     public native void bezierCurveTo(double cp1x, double cp1y, double cp2x, double cp2y, double x, double y);

   109     @JavaScriptBody(args = {"x", "y", "width", "height"}, body = "this._context().fillRect(x,y,width,height);")

   110     @Override

   111     public native void fillRect(double x, double y, double width, double height);

   113     @JavaScriptBody(args = {"x", "y", "width", "height"}, body = "this._context().strokeRect(x,y,width,height);")

   114     @Override

   115     public native void strokeRect(double x, double y, double width, double height);

   117     @JavaScriptBody(args = {"x", "y", "width", "height"}, body = "this._context().clearRect(x,y,width,height);")

   118     @Override

   119     public native void clearRect(double x, double y, double width, double height);

   121     @JavaScriptBody(args = {"x", "y", "width", "height"}, body = "this._context().rect(x,y,width,height);")

   122     @Override

   123     public native void rect(double x, double y, double width, double height);

   125     @JavaScriptBody(args = {}, body = "this._context().save();")

   126     @Override

   127     public native void save();

   129     @JavaScriptBody(args = {}, body = "this._context().restore();")

   130     @Override

   131     public native void restore();

   133     @JavaScriptBody(args = {"angle"}, body = "this._context().rotate(angle);")

   134     @Override

   135     public native void rotate(double angle);

   137     @JavaScriptBody(args = {"a", "b", "c", "d", "e", "f"}, body = "this._context().transform(a,b,c,d,e,f);")

   138     @Override

   139     public native void transform(double a, double b, double c, double d, double e, double f);

   141     @JavaScriptBody(args = {"a", "b", "c", "d", "e", "f"}, body = "this._context().setTransform(a,b,c,d,e,f);")

   142     @Override

   143     public native void setTransform(double a, double b, double c, double d, double e, double f);

   145     @JavaScriptBody(args = {"x", "y"}, body = "this._context().translate(x,y);")

   146     @Override

   147     public native void translate(double x, double y);

   149     @JavaScriptBody(args = {"x", "y"}, body = "this._context().scale(x,y);")

   150     @Override

   151     public native void scale(double x, double y);

   153     @Override

   154     public Object drawImage(Image image, double x, double y, Object nativeImage) {

   155         if (nativeImage == null) {

   156             nativeImage = createImage(image.getSrc());

   157         }

   158         return drawImageImpl(context, nativeImage, x, y);

   159     }

   161     @Override

   162     public Object drawImage(Image image, double x, double y, double width, double height, Object nativeImage) {

   163         if (nativeImage == null) {

   164             nativeImage = createImage(image.getSrc());

   165         }

   166         return drawImageImpl(context, nativeImage, x, y, width, height);

   167     }

   169     @Override

   170     public Object drawImage(Image image, double sx, double sy, double sWidth, double sHeight, double x, double y, double width, double height, Object nativeImage) {

   171         if (nativeImage == null) {

   172             nativeImage = createImage(image.getSrc());

   173         }

   174         return drawImageImpl(context, nativeImage, sx, sy, sWidth, sHeight, x, y, width, height);

   175     }

   177     @JavaScriptBody(args = {"ctx", "img", "x", "y", "width", "height"}, body = "img.onload=function(){ctx.drawImage(img,x,y,width,height);};ctx.drawImage(img,x,y,width,height); return img;")

   178     private native static Object drawImageImpl(Object ctx, Object img, double x, double y, double width, double height);

   180     @JavaScriptBody(args = {"ctx", "img", "sx", "sy", "swidth", "sheight", "x", "y", "width", "height"}, body = "img.onload=function(){ctx.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);}; ctx.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); return img;")

   181     private native static Object drawImageImpl(Object ctx, Object img, double sx, double sy, double sWidth, double sHeight, double x, double y, double width, double height);

   183     @JavaScriptBody(args = {"ctx", "img", "x", "y"}, body = "img.onload=function(){ctx.drawImage(img,x,y);}; ctx.drawImage(img,x,y); return img;")

   184     private native static Object drawImageImpl(Object ctx, Object img, double x, double y);

   186     public Object setFillStyle(Style style, Object nativeStyle) {

   187         if (nativeStyle == null) {

   188             nativeStyle = createNativeStyle(style);

   189         }

   190         setFillStyleImpl(context, nativeStyle);

   191         return nativeStyle;

   192     }

   194     private Object createNativeStyle(Style style) {

   195         if (style instanceof RadialGradient) {

   196             RadialGradientWrapper gradient = createRadialGradientWrapper(

   197                     ((RadialGradient) style).getX0(),

   198                     ((RadialGradient) style).getY0(),

   199                     ((RadialGradient) style).getR0(),

   200                     ((RadialGradient) style).getX1(),

   201                     ((RadialGradient) style).getY1(),

   202                     ((RadialGradient) style).getR1());

   203             HashMap<Double, String> stops = ((LinearGradient) style).getStops();

   204             Set<Double> keySet = stops.keySet();

   205             for (Double double1 : keySet) {

   206                 addColorStopImpl(style, double1, stops.get(double1));

   207             }

   208             return gradient;

   211         } else if (style instanceof LinearGradient) {

   212             LinearGradientWrapper gradient = createLinearGradientWrapper(

   213                     ((LinearGradient) style).getX0(),

   214                     ((LinearGradient) style).getY0(),

   215                     ((LinearGradient) style).getX1(),

   216                     ((LinearGradient) style).getY1());

   217             HashMap<Double, String> stops = ((LinearGradient) style).getStops();

   218             Set<Double> keySet = stops.keySet();

   219             for (Double double1 : keySet) {

   220                 addColorStopImpl(style, double1, stops.get(double1));

   221             }

   222             return gradient;

   223         } else if (style instanceof Pattern) {

   224             return createPatternWrapper(((Pattern) style).getImageResource(), ((Pattern) style).getRepeat());

   225         } else if (style instanceof Color) {

   226             return ((Color) style)

   227                     .getAsString();

   228         }

   229         return null;

   230     }

   232     @JavaScriptBody(args = {"gradient", "position", "color"}, body =

   233             "gradient.addColorStop(position,color)")

   234     private static native void addColorStopImpl(Object gradient, double position, String color);

   236     @JavaScriptBody(args = {"context", "obj"}, body = "console.log('style: '+obj);context.fillStyle=obj;")

   237     private native void setFillStyleImpl(Object context, Object obj);

   239     @JavaScriptBody(args = {"style"}, body = "this._context().strokeStyle=style.valueOf();")

   240     public native void setStrokeStyle(String style);

   242     @Override

   243     public Object setStrokeStyle(Style style, Object nativeStyle) {

   244         if (nativeStyle == null) {

   245             nativeStyle = createNativeStyle(style);

   246         }

   247         setStrokeStyleImpl(context, nativeStyle);

   248         return nativeStyle;

   249     }

   251     @JavaScriptBody(args = {"context", "obj"}, body = "context.strokeStyle=obj;")

   252     private native void setStrokeStyleImpl(Object context, Object obj);

   254     @JavaScriptBody(args = {"color"}, body = "this._context().shadowColor=color.valueOf();")

   255     @Override

   256     public native void setShadowColor(String color);

   258     @JavaScriptBody(args = {"blur"}, body = "this._context().shadowBlur=blur;")

   259     @Override

   260     public native void setShadowBlur(double blur);

   262     @JavaScriptBody(args = {"x"}, body = "this._context().shadowOffsetX=x;")

   263     @Override

   264     public native void setShadowOffsetX(double x);

   266     @JavaScriptBody(args = {"y"}, body = "this._context().shadowOffsetY=y;")

   267     @Override

   268     public native void setShadowOffsetY(double y);

   270     @JavaScriptBody(args = {}, body = "return this._context().strokeStyle;")

   271     public native String getStrokeStyle();

   273     @JavaScriptBody(args = {}, body = "return this._context().shadowColor;")

   274     @Override

   275     public native String getShadowColor();

   277     @JavaScriptBody(args = {}, body = "return this._context().shadowBlur;")

   278     @Override

   279     public native double getShadowBlur();

   281     @JavaScriptBody(args = {}, body = "return this._context().shadowOffsetX;")

   282     @Override

   283     public native double getShadowOffsetX();

   285     @JavaScriptBody(args = {}, body = "return this._context().shadowOffsetY;")

   286     @Override

   287     public native double getShadowOffsetY();

   289     @JavaScriptBody(args = {}, body = "return this._context().lineCap;")

   290     @Override

   291     public native String getLineCap();

   293     @JavaScriptBody(args = {"style"}, body = "this._context().lineCap=style.valueOf();")

   294     @Override

   295     public native void setLineCap(String style);

   297     @JavaScriptBody(args = {}, body = "return this._context().lineJoin;")

   298     @Override

   299     public native String getLineJoin();

   301     @JavaScriptBody(args = {"style"}, body = "this._context().lineJoin=style.valueOf();")

   302     @Override

   303     public native void setLineJoin(String style);

   305     @JavaScriptBody(args = {}, body = "return this._context().lineWidth;")

   306     @Override

   307     public native double getLineWidth();

   309     @JavaScriptBody(args = {"width"}, body = "this._context().lineWidth=width;")

   310     @Override

   311     public native void setLineWidth(double width);

   313     @JavaScriptBody(args = {}, body = "return this._context().miterLimit;")

   314     @Override

   315     public native double getMiterLimit();

   317     @JavaScriptBody(args = {"limit"}, body = "this._context().miterLimit=limit;")

   318     @Override

   319     public native void setMiterLimit(double limit);

   321     @JavaScriptBody(args = {}, body = "return this._context().font;")

   322     @Override

   323     public native String getFont();

   325     @JavaScriptBody(args = {"font"}, body = "this._context().font=font.valueOf();")

   326     @Override

   327     public native void setFont(String font);

   329     @JavaScriptBody(args = {}, body = "return this._context().textAlign;")

   330     @Override

   331     public native String getTextAlign();

   333     @JavaScriptBody(args = {"textalign"}, body = "this._context().textAlign=textalign.valueOf();")

   334     @Override

   335     public native void setTextAlign(String textAlign);

   337     @JavaScriptBody(args = {}, body = "return this._context().textBaseline;")

   338     @Override

   339     public native String getTextBaseline();

   341     @JavaScriptBody(args = {"textbaseline"}, body = "this._context().textBaseline=textbaseline.valueOf();")

   342     @Override

   343     public native void setTextBaseline(String textbaseline);

   345     @JavaScriptBody(args = {"text", "x", "y"}, body = "this._context().fillText(text,x,y);")

   346 //    @JavaScriptBody(args = {"text", "x", "y"}, body = "console.log(text);")

   347     @Override

   348     public native void fillText(String text, double x, double y);

   350     @JavaScriptBody(args = {"text", "x", "y", "maxwidth"}, body = "this._context().fillText(text,x,y,maxwidth);")

   351     @Override

   352     public void fillText(String text, double x, double y, double maxWidth) {

   353     }

   355     @Override

   356     public Dimension measureText(String text) {

   357         measureTextImpl(text);

   358         return new Dimension(1, 1);

   359     }

   361     @JavaScriptBody(args = {"text"},

   362             body = "return this._context().measureText(text);")

   363     private native Object measureTextImpl(String text);

   365     @JavaScriptBody(args = {"text", "x", "y"}, body = "this._context().strokeText(text,x,y);")

   366     @Override

   367     public native void strokeText(String text, double x, double y);

   369     @JavaScriptBody(args = {"text", "x", "y", "maxWidth"}, body = "this._context().strokeText(text,x,y,maxWidth);")

   370     @Override

   371     public native void strokeText(String text, double x, double y, double maxWidth);

   373     @Override

   374     public ImageData createPixelMap(double x, double y) {

   375         return new ImageDataWrapper(createPixelMapImpl(x, y));

   376     }

   378     @JavaScriptBody(args = {"x", "y"},

   379             body = "return this._context().createImageData(x,y);")

   380     private native Object createPixelMapImpl(double x, double y);

   382     @Override

   383     public ImageData createPixelMap(ImageData imageData) {

   384         return new ImageDataWrapper(createPixelMapImpl(imageData.getWidth(), imageData.getHeight()));

   385     }

   387     @Override

   388     public ImageData getPixelMap(double x, double y, double width, double height) {

   389         return new ImageDataWrapper(getPixelMapImpl(x, y, width, height));

   390     }

   392     @JavaScriptBody(args = {"x", "y", "width", "height"},

   393             body = "return this._context().getImageData(x,y,width,height);")

   394     private native Object getPixelMapImpl(double x, double y, double width, double height);

   396     @Override

   397     public void putPixelMap(ImageData imageData, double x, double y) {

   398         putPixelMapImpl(((ImageDataWrapper) imageData).object(), x, y);

   399     }

   401     @JavaScriptBody(args = {"imageData", "x", "y"},

   402             body = "this._context().putImageData(imageData,x,y);")

   403     private native void putPixelMapImpl(Object imageData, double x, double y);

   405     @Override

   406     public void putPixelMap(ImageData imageData, double x, double y, double dirtyx, double dirtyy, double dirtywidth, double dirtyheight) {

   407         putPixelMapImpl(((ImageDataWrapper) imageData).object(), x, y, dirtyx, dirtyy, dirtywidth, dirtyheight);

   408     }

   410     @JavaScriptBody(args = {"imageData", "x", "y", "dirtyx", "dirtyy", "dirtywidth", "dirtyheight"},

   411             body = "this._context().putImageData(imageData,x,y, dirtyx, dirtyy, dirtywidth,dirtyheight);")

   412     private native void putPixelMapImpl(Object imageData, double x, double y, double dirtyx, double dirtyy, double dirtywidth, double dirtyheight);

   414     @JavaScriptBody(args = {"alpha"}, body = "this._context().globalAlpha=alpha;")

   415     @Override

   416     public native void setGlobalAlpha(double alpha);

   418     @JavaScriptBody(args = {}, body = "return this._context().globalAlpha;")

   419     @Override

   420     public native double getGlobalAlpha();

   422     @JavaScriptBody(args = {"operation"}, body = "this._context().globalCompositeOperation=operation.valueOf();")

   423     @Override

   424     public native void setGlobalCompositeOperation(String operation);

   426     @JavaScriptBody(args = {}, body = "return this._context().globalCompositeOperation;")

   427     @Override

   428     public native String getGlobalCompositeOperation();

   430     public LinearGradientWrapper createLinearGradientWrapper(double x0, double y0, double x1, double y1) {

   431         return new LinearGradientWrapper(createLinearGradientImpl(context, x0, y0, x1, y1));

   432     }

   434     @JavaScriptBody(args = {"context", "x0", "y0", "x1", "y1"}, body = "return context.createLinearGradient(x0,y0,x1,y1);")

   435     private native Object createLinearGradientImpl(Object context, double x0, double y0, double x1, double y1);

   437     public PatternWrapper createPatternWrapper(Image image, String repeat) {

   438         return new PatternWrapper(createPatternImpl(context, image, repeat));

   439     }

   441     @JavaScriptBody(args = {"context", "image", "repeat"}, body = "return context.createPattern(image, repeat);")

   442     private static native Object createPatternImpl(Object context, Image image, String repeat);

   444     public RadialGradientWrapper createRadialGradientWrapper(double x0, double y0, double r0, double x1, double y1, double r1) {

   445         return new RadialGradientWrapper(createRadialGradientImpl(context, x0, y0, r0, x1, y1, r1));

   446     }

   448     @JavaScriptBody(args = {"context", "x0", "y0", "r0", "x1", "y1", "r1"}, body = "return context.createRadialGradient(x0,y0,r0,x1,y1,r1);")

   449     private static native Object createRadialGradientImpl(Object context, double x0, double y0, double r0, double x1, double y1, double r1);

   451 //    @JavaScriptBody(args = {"path"}, body = "var b = new Image(); b.src=path; return b;")

   452 //    public native Image getImageForPathImpl(String path);

   453     @Override

   454     public int getHeight() {

   455         return canvas.getHeight();

   456     }

   458     @Override

   459     public int getWidth() {

   460         return canvas.getWidth();

   461     }

   463     @Override

   464     public void setHeight(int height) {

   465         canvas.setHeight(height);

   466     }

   468     @Override

   469     public void setWidth(int width) {

   470         canvas.setWidth(width);

   471     }

   473     @JavaScriptBody(args = {"src"}, body = "var image = new Image(); image.src = src; return image;")

   474     private static native Object createImage(String src);

   476     @Override

   477     public int getWidth(Image image, Object nativeImage) {

   478         if (nativeImage == null) {

   479             nativeImage = createImage(image.getSrc());

   480         }

   481         return getWidth(nativeImage);

   482     }

   484     @JavaScriptBody(args = {"nativeImage"}, body = "return nativeImage.naturalWidth;")

   485     private static native int getWidth(Object nativeImage);

   487     @Override

   488     public int getHeight(Image image, Object nativeImage) {

   489         if (nativeImage == null) {

   490             nativeImage = createImage(image.getSrc());

   491         }

   492         return getHeight(nativeImage);

   493     }

   495     @JavaScriptBody(args = {"nativeImage"}, body = "return nativeImage.naturalHeight;")

   496     private static native int getHeight(Object nativeImage);

   498     @Override

   499     public Object mergeImages(Image a, Image b, Object cachedA, Object cachedB) {

   500         return mergeImages(cachedA, cachedB);

   501     }

   503     @JavaScriptBody(args = {"img1", "img2"}, body = "var canvas = document.createElement('img');\n"

   504             + "var context = canvas.getContext(\"2d\");\n"

   505             + "var width = img1.width;\n"

   506             + "var height = img1.height;\n"

   507             + "canvas.width = width;\n"

   508             + "canvas.height = height;\n"

   509             + "context.drawImage(img1, 0, 0);\n"

   510             + "context.drawImage(img2, 0, 0);\n"

   511             + "url = canvas.toDataURL();\n"

   512             + "var resultImage = document.createElement('img');\n"

   513             + "resultImage.src=url;\n"

   514             + "return resultImage;")

   515     public static native Object mergeImages(Object img1, Object img2);

   516 }

author	Anton Epple <toni.epple@eppleton.de>
	Sun, 08 Sep 2013 10:58:10 +0200
branch	canvas
changeset 1267	0f775bd8d210
parent 1158	633572e14095
child 1296	6fed3663b751
permissions	-rw-r--r--