Example usage for com.google.gwt.canvas.dom.client Context2d translate

List of usage examples for com.google.gwt.canvas.dom.client Context2d translate

  1. HOME
  2. Java
  3. com.google.gwt
  4. com.google.gwt.canvas.dom.client.*
  5. Context2d
  6. translate

Introduction

In this page you can find the example usage for com.google.gwt.canvas.dom.client Context2d translate.

Prototype

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

Source Link

Document

Applies a translation to the current transform.

Usage

From source file:anagram.client.Logo.java

License:Apache License

void draw(Context2d context) {
    context.save();//from  w w w.ja v a 2  s  .  c  o  m
    context.translate(this.pos.x, this.pos.y);
    context.rotate(rot);
    context.drawImage(image, 0, 0);
    context.restore();
}

From source file:com.google.gwt.maeglin89273.game.ashinyballonthecross.client.tutorial.component.BlueMark.java

@Override
public void draw(Context2d context) {
    if (enabled) {
        context.save();/*from   w w w . j  av a  2 s .  co  m*/
        context.translate(getX(), getY());
        context.rotate(getAngle());
        context.drawImage(spriteBlock.getSheetImage(), spriteBlock.getX(), spriteBlock.getY(),
                spriteBlock.getWidth(), spriteBlock.getHeight(), -getWidth() / 2, -getHeight() / 2, getWidth(),
                getHeight());
        context.restore();
    }
}

From source file:com.philbeaudoin.quebec.shared.utils.ArcTransform.java

License:Apache License

@Override
public void applies(double time, Context2d context) {
    Vector2d translation = getTranslation(time);
    double scaling = getScaling(time);
    context.translate(translation.x, translation.y);
    context.scale(scaling, scaling);//w w w  .j a  v  a 2 s.co m
    context.rotate(getRotation(time));
}

From source file:com.philbeaudoin.quebec.shared.utils.ConstantTransform.java

License:Apache License

@Override
public void applies(double time, Context2d context) {
    context.translate(translation.x, translation.y);
    context.scale(scaling, scaling);/*from  w  w  w.j ava  2s.  c  o m*/
    context.rotate(rotation);
}

From source file:com.sencha.gxt.chart.client.draw.engine.Canvas2d.java

License:sencha.com license

/**
 * In the Canvas2d class, this method does more or less what renderSprite does in SVG and VML - it
 * actually renders the sprite to the dom.
 * @param sprite the sprite to draw// w ww.  ja  v a 2 s  .  co m
 */
protected void append(Sprite sprite) {
    if (sprite.isHidden() || sprite.getOpacity() == 0) {
        return;
    }
    Context2d ctx = getContext();
    ctx.save();
    //set global stuff, fill, stroke, clip, etc

    //clip - deal with translation or normal rectangle
    if (sprite.getClipRectangle() != null) {
        PreciseRectangle clip = sprite.getClipRectangle();
        if (sprite.getScaling() != null || sprite.getTranslation() != null || sprite.getRotation() != null) {
            PathSprite transPath = new PathSprite(new RectangleSprite(clip));
            transPath = transPath.map(sprite.transformMatrix());
            appendPath(ctx, transPath);
        } else {
            ctx.beginPath();
            ctx.rect(clip.getX(), clip.getY(), clip.getWidth(), clip.getHeight());
            ctx.closePath();
        }
        ctx.clip();
    }

    if (sprite.getScaling() != null || sprite.getTranslation() != null || sprite.getRotation() != null
            || (component.isViewBox() && viewbox != null)) {
        Matrix matrix = sprite.transformMatrix();
        if (matrix != null) {
            //TODO consider replacing this transform call with three distinct calls to translate/scale/rotate if cheaper
            ctx.transform(matrix.get(0, 0), matrix.get(1, 0), matrix.get(0, 1), matrix.get(1, 1),
                    matrix.get(0, 2), matrix.get(1, 2));
        }
        if (component.isViewBox() && viewbox != null) {
            double size = Math.min(getWidth() / viewbox.getWidth(), getHeight() / viewbox.getHeight());

            ctx.scale(size, size);
            ctx.translate(-viewbox.getX(), -viewbox.getY());
        }
    }

    //TODO see about caching colors via the dirty flag? If we don't use a color/gradient for a pass or three, dump it
    double opacity = Double.isNaN(sprite.getOpacity()) ? 1.0 : sprite.getOpacity();
    PreciseRectangle untransformedBbox = sprite.getPathSprite().dimensions();
    if (sprite.getStroke() != null && sprite.getStroke() != Color.NONE && sprite.getStrokeWidth() != 0) {
        ctx.setLineWidth(Double.isNaN(sprite.getStrokeWidth()) ? 1.0 : sprite.getStrokeWidth());
        ctx.setStrokeStyle(getColor(sprite.getStroke(), untransformedBbox));//TODO read bbox from cache
    }
    if (sprite.getFill() != null && sprite.getFill() != Color.NONE) {
        ctx.setFillStyle(getColor(sprite.getFill(), untransformedBbox));//TODO read bbox from cache
    }

    if (sprite instanceof PathSprite) {
        appendPath(ctx, (PathSprite) sprite);
    } else if (sprite instanceof TextSprite) {
        TextSprite text = (TextSprite) sprite;
        //TODO style and weight
        ctx.setFont(text.getFontSize() + "px " + text.getFont());
        ctx.setTextAlign(getTextAlign(text.getTextAnchor()));
        ctx.setTextBaseline(getTextBaseline(text.getTextBaseline()));
        ctx.fillText(text.getText(), text.getX(), text.getY());
    } else if (sprite instanceof RectangleSprite) {
        RectangleSprite rect = (RectangleSprite) sprite;
        if (Double.isNaN(rect.getRadius()) || rect.getRadius() == 0) {
            if (sprite.getFill() != null && sprite.getFill() != Color.NONE) {
                ctx.setGlobalAlpha(
                        Double.isNaN(sprite.getFillOpacity()) ? opacity : opacity * sprite.getFillOpacity());
                ctx.fillRect(rect.getX(), rect.getY(), rect.getWidth(), rect.getHeight());
            }
            if (sprite.getStroke() != null && sprite.getStroke() != Color.NONE
                    && sprite.getStrokeWidth() != 0) {
                ctx.setGlobalAlpha(Double.isNaN(sprite.getStrokeOpacity()) ? opacity
                        : opacity * sprite.getStrokeOpacity());
                ctx.strokeRect(rect.getX(), rect.getY(), rect.getWidth(), rect.getHeight());
            }
        } else {
            appendPath(ctx, rect.getPathSprite());
        }
    } else if (sprite instanceof CircleSprite) {
        CircleSprite circle = (CircleSprite) sprite;
        ctx.beginPath();
        ctx.arc(circle.getCenterX(), circle.getCenterY(), circle.getRadius(), 0, 2 * Math.PI);
        ctx.closePath();
        if (sprite.getFill() != null && sprite.getFill() != Color.NONE) {
            ctx.setGlobalAlpha(
                    Double.isNaN(sprite.getFillOpacity()) ? opacity : opacity * sprite.getFillOpacity());
            ctx.fill();
        }
        if (sprite.getStroke() != null && sprite.getStroke() != Color.NONE && sprite.getStrokeWidth() != 0) {
            ctx.setGlobalAlpha(
                    Double.isNaN(sprite.getStrokeOpacity()) ? opacity : opacity * sprite.getStrokeOpacity());
            ctx.stroke();
        }
    } else if (sprite instanceof EllipseSprite) {
        appendPath(ctx, sprite.getPathSprite());
    } else if (sprite instanceof ImageSprite) {
        ImageSprite image = (ImageSprite) sprite;
        ImageElement elt = Document.get().createImageElement();
        elt.setSrc(image.getResource().getSafeUri().asString());
        ctx.drawImage(elt, image.getX(), image.getY(), image.getWidth(), image.getHeight());
    }

    ctx.restore();

    if (!REDRAW_ALL) {
        renderedBbox.put(sprite, getBBox(sprite));
    }

    sprite.clearDirtyFlags();
}

From source file:gwt.g2d.client.graphics.visitor.EllipseVisitor.java

License:Apache License

@Override
public void visit(Surface surface) {
    Context2d context = surface.getContext();
    context.save();/*from  www  .j  a  v  a2s.c om*/
    context.translate(x + width / 2, y + height / 2);
    context.scale(width / 2, height / 2);
    context.arc(0, 0, 1, 0, MathHelper.TWO_PI, true);
    context.restore();
}

From source file:org.catrobat.html5player.client.Scene.java

License:Open Source License

/**
 *
 * @param imageElement//from  w ww  . jav a 2s .  c om
 * @param translateX
 * @param translateY
 * @param x
 * @param y
 * @param width
 * @param height
 * @param degrees
 * @param xSize
 * @param ySize
 */
public void drawImageElement(ImageElement imageElement, double translateX, double translateY, double x,
        double y, double width, double height, double degrees, double xSize, double ySize, double alpha) {

    long start = System.currentTimeMillis();

    Context2d context = sceneCanvas.getContext2d();

    context.save();
    context.setGlobalAlpha(alpha);
    context.translate(translateX, translateY);
    context.rotate(Math.toRadians(degrees));
    context.scale(xSize, ySize);
    context.drawImage(imageElement, x, y, width, height);

    //for testing - draws a rectangular around the sprite
    //      context.strokeRect(x, y, width, height);
    //

    context.restore();

    CatrobatDebug.debug("drawImageElement-execution took " + (System.currentTimeMillis() - start) + " ms");
}

From source file:org.catrobat.html5player.client.Scene.java

License:Open Source License

/**
 *
 * @param imageElement//  ww  w.j av  a2  s  .c o  m
 * @param translateX
 * @param translateY
 * @param x
 * @param y
 * @param width
 * @param height
 * @param degrees
 * @param xSize
 * @param ySize
 */
public void drawImageElementBrightness(ImageElement imageElement, double translateX, double translateY,
        double x, double y, double width, double height, double degrees, double alpha, double brightness)
        throws JavaScriptException {
    Context2d context = sceneCanvas.getContext2d();
    context.save();
    context.setGlobalAlpha(alpha);
    context.translate(translateX, translateY);
    context.rotate(degrees * Math.PI / 180);

    try {
        Canvas adjustedImage = adjustImageBrightness(imageElement, brightness);
        context.drawImage(adjustedImage.getCanvasElement(), x, y, width, height);
        context.restore();
    } catch (JavaScriptException exception) {
        context.restore();
        throw exception;
    }
}

From source file:org.catrobat.html5player.client.Sprite.java

License:Open Source License

/**
 *
 * @param relativeX//from w ww  . ja va 2  s. co  m
 * @param relativeY
 * @return
 */
public boolean processOnTouch(int relativeX, int relativeY) {
    //Create temp canvas with the current look only to determine click (alpha) 
    Canvas temp = Canvas.createIfSupported();
    temp.setWidth(Scene.get().getCanvas().getCoordinateSpaceWidth() + "px");
    temp.setHeight(Scene.get().getCanvas().getCoordinateSpaceHeight() + "px");
    temp.setCoordinateSpaceWidth(Scene.get().getCanvas().getCoordinateSpaceWidth());
    temp.setCoordinateSpaceHeight(Scene.get().getCanvas().getCoordinateSpaceHeight());

    LookData lookData = look.getLookData();
    if (lookData == null)
        return false;

    double size = look.getSize();
    double width = (double) lookData.getWidth() * size;
    double height = (double) lookData.getHeight() * size;
    double x = -width / 2;
    double y = -height / 2;

    Context2d context = temp.getContext2d();

    context.translate(look.getXPosition(), look.getYPosition());
    context.rotate((-look.getRotation()) * Math.PI / 180);
    context.drawImage((ImageElement) currentLook.getElement().cast(), x, y, width, height);

    if (context.getImageData(relativeX, relativeY, 1, 1).getAlphaAt(0, 0) == 0) {
        return false;
    }

    if (currentLook == null || !look.isVisible())
        return false;

    double xPosition = look.getXPosition();
    double yPosition = look.getYPosition();
    double newSize = look.getSize();

    LookData newLookData = look.getLookData();

    double widthHalf = ((double) newLookData.getWidth() * newSize) / 2;
    double heightHalf = ((double) newLookData.getHeight() * newSize) / 2;

    if (xPosition + widthHalf > relativeX && xPosition - widthHalf < relativeX
            && yPosition + heightHalf > relativeY && yPosition - heightHalf < relativeY) {

        CatrobatDebug.info("Sprite " + this.name + " got touched");

        return true;
    }

    return false;
}

From source file:org.cesiumjs.cs.scene.interaction.MarkerGroup.java

License:Apache License

public static BillboardOptions createBillboard(DrawInteractionOptions options) {
    Canvas canvas = Canvas.createIfSupported();
    Context2d context = canvas.getContext2d();

    context.setFillStyle(options.color.toCssColorString());
    context.setStrokeStyle(options.outlineColor.toCssColorString());
    context.setLineWidth(options.outlineWidth);

    context.translate(canvas.getCoordinateSpaceWidth() / 2, canvas.getCoordinateSpaceHeight() / 2);
    context.beginPath();//from w ww. j  a  v a  2  s  . c  o  m
    context.arc(0, 0, options.pixelSize, 0, Math.PI * 2, true);
    context.closePath();
    context.stroke();
    context.fill();

    BillboardOptions billboard = new BillboardOptions();
    billboard.horizontalOrigin = HorizontalOrigin.CENTER();
    billboard.verticalOrigin = VerticalOrigin.CENTER();
    billboard.imageCanvas = canvas.getCanvasElement();
    return billboard;
}