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

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

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

Introduction

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

Prototype

public final void setFillStyle(String fillStyleColor)

Source Link

Document

Convenience method to set the context's fillStyle to a CssColor , specified in String form.

Usage

From source file:anagram.client.Ball.java

License:Apache License

public void draw(Context2d context) {
    context.setFillStyle(color);
    context.beginPath();/*ww  w .  j  a  va2 s.c  o  m*/
    context.arc(pos.x, pos.y, radius, 0, Math.PI * 2.0, true);
    context.closePath();
    context.fill();
}

From source file:com.google.gwt.maeglin89273.shared.test.volcanogame.component.FireBall.java

@Override
public void draw(Context2d context) {

    context.setFillStyle(ballColor);

    //context.setShadowColor(ballShadowColor.toString());
    context.beginPath();// w  w  w.j a v  a  2s.c om
    context.arc(position.getX(), position.getY(), radius, 0, 2 * Math.PI);
    context.closePath();
    context.fill();

}

From source file:com.google.gwt.sample.mobilewebapp.client.desktop.PieChart.java

License:Apache License

/**
 * Redraw the pie chart.//from w ww. j  ava2s.co m
 */
public void redraw() {
    if (!isAttached()) {
        return;
    }

    // Get the dimensions of the chart.
    int width = canvas.getCoordinateSpaceWidth();
    int height = canvas.getCoordinateSpaceHeight();
    double radius = Math.min(width, height) / 2.0;
    double cx = width / 2.0;
    double cy = height / 2.0;

    // Clear the context.
    Context2d context = canvas.getContext2d();
    context.clearRect(0, 0, width, height);

    // Get the total weight of all slices.
    double totalWeight = 0;
    for (Slice slice : slices) {
        totalWeight += slice.weight;
    }

    // Draw the slices.
    double startAngle = -0.5 * Math.PI;
    for (Slice slice : slices) {
        double weight = slice.weight / totalWeight;
        double endAngle = startAngle + (weight * RADIANS_IN_CIRCLE);
        context.setFillStyle(slice.fill);
        context.beginPath();
        context.moveTo(cx, cy);
        context.arc(cx, cy, radius, startAngle, endAngle);
        context.fill();
        startAngle = endAngle;
    }
}

From source file:com.java33.vizpres.client.view.visualization.CanvasViz.java

License:Open Source License

/**
 * Renders the percent data values using the Canvas 2D API as horizontal
 * bars with a text label.//  www  .j  ava2s .  c o  m
 *
 * @param values Is the list of values to render.
 */
@Override
public void setData(final List<PercentValue> values) {
    if (canvas != null) {
        final Context2d ctx = canvas.getContext2d();
        ctx.clearRect(0, 0, width, height);
        ctx.setTextBaseline(Context2d.TextBaseline.TOP);
        if (values != null) {
            final int n = values.size();
            for (int i = 0; i < n; i += 1) {
                final int rowY = i * ROW_HEIGHT;
                final int percent = values.get(i).percentage;
                final double barWidth = (double) (percent * width) / 100.0;
                ctx.setFillStyle("#ff6600");
                ctx.fillRect(0, rowY, barWidth, BAR_HEIGHT);
                ctx.setFillStyle("#ffffff");
                ctx.fillText(Integer.toString(percent), 4, rowY + TEXT_HEIGHT / 2);
            }
        }
    }
}

From source file:com.lambourg.webgallery.client.widgets.TitleBarIcon.java

License:GNU General Public License

private void draw() {
    Context2d ctx;
    Canvas buffer = Canvas.createIfSupported();
    Image img;//from  w  w  w. j  av  a2  s .c  o m
    int size = Style.toPixelRatio(Style.titleIconSize);

    this.canvas.setCoordinateSpaceWidth(size);
    this.canvas.setCoordinateSpaceHeight(size + Style.toPixelRatio(1));
    buffer.setCoordinateSpaceWidth(size);
    buffer.setCoordinateSpaceHeight(size);

    if (this.active) {
        img = this.imgActive;
    } else {
        img = this.imgNormal;
    }

    //  We need to draw the icon itself in a separate buffer, and only
    //  after apply the shadow.
    //  The reason is that in order to draw the icon using the color we
    //  want, we need to use composite operations, and this is not
    //  compatible with the shadow effect we want.
    ctx = buffer.getContext2d();
    if (this.over) {
        ctx.setFillStyle("#fff");
    } else {
        ctx.setFillStyle("#ddd");
    }
    ctx.fillRect(0, 0, size, size);
    ctx.setGlobalCompositeOperation(Composite.DESTINATION_ATOP);
    ctx.drawImage(ImageElement.as(img.getElement()), 0, 0, size, size);
    ctx.restore();

    ctx = this.canvas.getContext2d();
    ctx.setShadowBlur(0.0);
    ctx.setShadowColor("#333");
    ctx.setShadowOffsetY(Style.toPixelRatio(1));

    ctx.drawImage(buffer.getCanvasElement(), 0, 0, size, size);
}

From source file:com.philbeaudoin.quebec.client.scene.Callout.java

License:Apache License

@Override
public void drawUntransformed(double time, Context2d context) {
    context.beginPath();//  ww w .j  a  v  a2 s .c om
    context.moveTo(p1.getX(), p1.getY());
    context.lineTo(to.getX(), to.getY());
    context.lineTo(p3.getX(), p3.getY());
    context.lineTo(p1.getX(), p1.getY());
    context.setLineWidth(0.002);
    context.setStrokeStyle("#000");
    context.stroke();
    context.setFillStyle("#aaa");
    context.fill();
}

From source file:com.philbeaudoin.quebec.client.scene.Rectangle.java

License:Apache License

@Override
public void drawUntransformed(double time, Context2d context) {
    CanvasGradient gradient = context.createLinearGradient(x0, y0, x0, y1);
    gradient.addColorStop(0, color0);/*from w ww.  ja v  a 2  s.c o m*/
    gradient.addColorStop(1, color1);
    context.setFillStyle(gradient);
    context.fillRect(x0, y0, w, h);
    if (strokeColor != null && strokeWidth > 0) {
        context.setStrokeStyle(strokeColor);
        context.setLineWidth(strokeWidth);
        context.strokeRect(ox0, oy0, ow, oh);
    }
}

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 w  w  .  j  a v  a  2 s  . c  o  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:examples.geometry.AbstractExample.java

License:Open Source License

@Override
public void draw() {
    Context2d context = canvas.getContext2d();
    // reset/*from w ww .  j  a  v  a 2  s. c  om*/
    context.clearRect(0, 0, canvas.getCoordinateSpaceWidth(), canvas.getCoordinateSpaceHeight());
    context.setFillStyle("black");
    context.setStrokeStyle("black");
    context.setLineWidth(1);

    for (ControllableShape shape : getControllableShapes()) {
        //         e.gc.setForeground(canvas.getDisplay().getSystemColor(shape.shapeColor));
        //         e.gc.setBackground(canvas.getDisplay().getSystemColor(shape.shapeColor));

        shape.onDraw(canvas);
    }

    for (ControllableShape shape : getControllableShapes()) {
        if (shape.isActive()) {
            FillStrokeStyle fillStyle = context.getFillStyle();

            for (ControlPoint cp : shape.controlPoints) {
                context.beginPath();
                context.arc(cp.getX(), cp.getY(), shape.controlRadius, 0, 180);
                context.setFillStyle(shape.controlColor);
                context.fill();
                context.closePath();
            }
            context.setFillStyle(fillStyle);
        }
    }
}

From source file:examples.geometry.containment.PolygonEllipseContainment.java

License:Open Source License

@Override
protected AbstractControllableShape createControllableShape2(final Canvas canvas) {
    return new AbstractControllableShape(canvas) {
        @Override//from  w  w w .  j a v  a2 s  .c o m
        public void createControlPoints() {
            ControlPoint center = addControlPoint(new Point(300, 300));
            ControlPoint a = addControlPoint(new Point(400, 300));
            ControlPoint b = addControlPoint(new Point(300, 200));
            a.setYLink(center);
            b.setXLink(center);
        }

        @Override
        public Ellipse createGeometry() {
            double a = Math.abs(points.get(0).getPoint().x - points.get(1).getPoint().x);
            double b = Math.abs(points.get(0).getPoint().y - points.get(2).getPoint().y);
            return new Ellipse(points.get(0).getPoint().x - a, points.get(0).getPoint().y - b, 2 * a, 2 * b);
        }

        @Override
        public void drawShape() {
            Ellipse ellipse = createGeometry();
            CanvasDrawer.drawOval(ellipse, canvas.getContext2d());
        }

        @Override
        public void fillShape(CssColor color) {
            Ellipse ellipse = createGeometry();
            Context2d context2d = canvas.getContext2d();
            FillStrokeStyle style = context2d.getFillStyle();

            CanvasDrawer.drawOval(ellipse, context2d);
            context2d.setFillStyle(color.value());
            context2d.fill();

            context2d.setFillStyle(style);
        }
    };
}