List of usage examples for com.google.gwt.canvas.dom.client Context2d setFillStyle
public final void setFillStyle(String fillStyleColor)
From source file:nl.ru.languageininteraction.synaesthesia.client.view.ColourPickerCanvasView.java
License:Open Source License
private void sizeAndPaintCanvases(final int canvasHeight, final int canvasWidth, final int barWidth) { this.canvasHeight = canvasHeight; this.canvasWidth = canvasWidth; mainCanvas.setCoordinateSpaceHeight(canvasHeight); mainCanvas.setCoordinateSpaceWidth(canvasWidth); mainCanvas.setSize(canvasWidth + "px", canvasHeight + "px"); hueCanvas.setCoordinateSpaceHeight(canvasHeight); hueCanvas.setCoordinateSpaceWidth(barWidth); hueCanvas.setSize(barWidth + "px", canvasHeight + "px"); final Context2d hueContext2d = hueCanvas.getContext2d(); CanvasGradient hueGradient = hueContext2d.createLinearGradient(0, 0, 0, canvasHeight); for (int stop = 0; stop <= 10; stop++) { hueGradient.addColorStop(stop * 0.1f, "hsl(" + 36 * stop + ",100%,50%);"); }/* w w w. j av a2 s .c om*/ hueContext2d.setFillStyle(hueGradient); hueContext2d.fillRect(0, 0, barWidth, canvasHeight); }
From source file:nl.ru.languageininteraction.synaesthesia.client.view.ColourPickerCanvasView.java
License:Open Source License
synchronized private void setHue(String colourCss) { currentHueCss = colourCss;//from w w w.ja v a 2 s .co m // " Android clearRect / fillRect bug" ??? // GWT documentation: JavaScript interpreters are single-threaded, so while GWT silently accepts the synchronized keyword, it has no real effect. // So we are using a simple boolean which should be adequate most of the time. We could use a timer call back, but we want to keep this simple. // However the browser is probably only single threaded anyway. if (hueChangeInProgress) { return; } hueChangeInProgress = true; final Context2d mainContext2dA = mainCanvas.getContext2d(); CanvasGradient linearColour = mainContext2dA.createLinearGradient(0, 0, canvasWidth, 0); linearColour.addColorStop(1f, "white"); linearColour.addColorStop(0f, colourCss); mainContext2dA.setFillStyle(linearColour); mainContext2dA.fillRect(0, 0, canvasWidth, canvasHeight); // todo: remove the second context get if it proves unhelpful witht the samsung 4.2.2 issue final Context2d mainContext2dB = mainCanvas.getContext2d(); CanvasGradient linearGrey = mainContext2dB.createLinearGradient(0, 0, 0, canvasHeight); linearGrey.addColorStop(1f, "black"); linearGrey.addColorStop(0f, "rgba(0,0,0,0);"); mainContext2dB.setFillStyle(linearGrey); mainContext2dB.fillRect(0, 0, canvasWidth, canvasHeight); hueChangeInProgress = false; }
From source file:org.catrobat.html5player.client.Scene.java
License:Open Source License
/** * *///from www . j a va 2 s. c o m public void clearCanvas() { long start = System.currentTimeMillis(); Context2d context = sceneCanvas.getContext2d(); context.save(); context.setFillStyle(fillColor); context.fillRect(0, 0, this.sceneWidth, this.sceneHeight); context.restore(); CatrobatDebug.debug("clearCanvas-execution took " + (System.currentTimeMillis() - start) + " ms"); }
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 ww w .j ava 2s. com*/ 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; }
From source file:org.cleanlogic.cesiumjs4gwt.showcase.examples.ParticleSystemFireworks.java
License:Apache License
private CanvasElement getImage() { if (!Cesium.defined(particleCanvas)) { particleCanvas = RootPanel.get().getElement().getOwnerDocument().createCanvasElement(); particleCanvas.setWidth(20);//from ww w .ja v a 2s .co m particleCanvas.setHeight(20); Context2d context2d = particleCanvas.getContext2d(); context2d.beginPath(); context2d.arc(8, 8, 8, 0, Math.TWO_PI(), true); context2d.closePath(); context2d.setFillStyle("rgb(255, 255, 255)"); context2d.fill(); Cesium.log(particleCanvas); } return particleCanvas; }
From source file:org.cruxframework.crux.widgets.client.colorpicker.HuePicker.java
License:Apache License
private void drawGradient() { Context2d ctx = canvas.getContext2d(); // draw gradient ctx.setFillStyle("#ffffff"); ctx.fillRect(0, 0, 26, 180);//ww w. jav a 2 s .c o m for (int y = 0; y <= 179; y++) { String hex = ColorUtils.hsl2hex(y * 2, 100, 100); ctx.setFillStyle("#" + hex); ctx.fillRect(3, y, 20, 1); } // draw handle if (handleY >= 0) { ctx.setFillStyle("#000000"); ctx.beginPath(); ctx.moveTo(3, handleY); ctx.lineTo(0, handleY - 3); ctx.lineTo(0, handleY + 3); ctx.closePath(); ctx.fill(); ctx.moveTo(23, handleY); ctx.lineTo(26, handleY - 3); ctx.lineTo(26, handleY + 3); ctx.closePath(); ctx.fill(); } }
From source file:org.cruxframework.crux.widgets.client.colorpicker.SaturationLightnessPicker.java
License:Apache License
private void drawGradient(boolean drawHandle) { Context2d ctx = canvas.getContext2d(); // draw gradient for (int x = 0; x <= 179; x++) { CanvasGradient grad = ctx.createLinearGradient(x, 0, x, 179); int s = Math.round(x * 100 / 179); String hex = ColorUtils.hsl2hex(hue, s, 0); grad.addColorStop(0, "#" + hex); hex = ColorUtils.hsl2hex(hue, s, 100); grad.addColorStop(1, "#" + hex); ctx.setFillStyle(grad); ctx.fillRect(x, 0, 1, 180);/*from w w w. j a va2 s . com*/ } // draw handle if (drawHandle) { ctx.beginPath(); ctx.arc(handleX, handleY, 3, 0, Math.PI * 2, false); ctx.closePath(); ctx.setFillStyle("#ffffff"); ctx.fill(); ctx.beginPath(); ctx.arc(handleX, handleY, 2, 0, Math.PI * 2, false); ctx.closePath(); ctx.setFillStyle("#000000"); ctx.fill(); } }
From source file:org.grailrtls.plunder.client.drawable.PassiveTiles.java
License:Open Source License
/** * Renders this objects tiles (if any) to the DrawableContext. * Since there are no images, uses drawing primitives to render * 2-d colored boxes.//from w w w .ja v a2 s . c om */ @Override public void draw(Context2d context) { // FIXME: Proper solution for "out of date" data if (System.currentTimeMillis() - this.timestamp > 5000) { return; } context.save(); context.setFillStyle("rgba(40,40,230,0.5)"); for (Tile t : this.tiles) { float x1 = this.toCanvasX(t.x1); float x2 = this.toCanvasX(t.x2); float y1 = this.toCanvasY(t.y1); float y2 = this.toCanvasY(t.y2); context.fillRect(x1, y1, x2 - x1, y2 - y1); } context.restore(); }
From source file:org.oscim.gdx.client.GwtCanvas.java
License:Open Source License
@Override public void drawText(String string, float x, float y, Paint fill, Paint stroke) { if (bitmap == null) { //log.debug("no bitmap set"); return;/* w ww. j a v a 2 s .com*/ } GwtPaint p = (GwtPaint) fill; if (p.stroke && GwtGdxGraphics.NO_STROKE_TEXT) return; Context2d ctx = bitmap.pixmap.getContext(); ctx.setFont(p.font); if (p.stroke) { ctx.setLineWidth(p.strokeWidth); ctx.setStrokeStyle(p.color); ctx.strokeText(string, (int) (x + 1), (int) (y + 1)); } else { ctx.setFillStyle(p.color); ctx.fillText(string, (int) (x + 1), (int) (y + 1)); } }
From source file:org.primaresearch.web.gwt.client.ui.page.renderer.PolygonRendererHelper.java
License:Apache License
private static void setFillColor(Context2d context, RenderStyle style) { if (style != null) context.setFillStyle(style.getFillColor()); else/*from w ww . j av a 2s .c o m*/ context.setFillStyle(CssColor.make("rgba(128, 128, 128, 0.2)")); }