List of usage examples for com.google.gwt.widgetideas.graphics.client Color Color
public Color(String colorStr)
From source file:com.google.gwt.demos.gwtcanvas.client.GradientDemo.java
License:Apache License
public void drawDemo() { canvas.resize(width, height);//from ww w .j av a 2 s . c o m // DRAW SOME LINEAR GRADIENTS // Demos ported from Mozilla Development Center Canvas Tutorial canvas.saveContext(); // Create gradients CanvasGradient lingrad = canvas.createLinearGradient(0, 0, 0, 150); lingrad.addColorStop(0.0f, new Color("#00ABEB")); lingrad.addColorStop(0.5f, new Color("#fff")); lingrad.addColorStop(0.5f, new Color("#26C000")); lingrad.addColorStop(1, new Color("#fff")); CanvasGradient lingrad2 = canvas.createLinearGradient(0, 50, 0, 95); lingrad2.addColorStop(0.5f, new Color("#000")); lingrad2.addColorStop(1, new Color("rgba(0,0,0,0)")); // assign gradients to fill and stroke styles canvas.setFillStyle(lingrad); canvas.setStrokeStyle(lingrad2); // draw shapes canvas.fillRect(10, 10, 130, 130); canvas.strokeRect(50, 50, 50, 50); canvas.restoreContext(); // DRAW SOME RADIAL GRADIENTS // Demos ported from Mozilla Development Center Canvas Tutorial canvas.saveContext(); canvas.translate(150, 150); CanvasGradient radgrad = canvas.createRadialGradient(45, 45, 10, 52, 50, 30); radgrad.addColorStop(0, new Color("#A7D30C")); radgrad.addColorStop(0.9f, new Color("#019F62")); radgrad.addColorStop(1, new Color("rgba(1,159,98,0)")); CanvasGradient radgrad2 = canvas.createRadialGradient(105, 105, 20, 112, 120, 50); radgrad2.addColorStop(0, new Color("#FF5F98")); radgrad2.addColorStop(0.75f, new Color("#FF0188")); radgrad2.addColorStop(1, new Color("rgba(255,1,136,0)")); CanvasGradient radgrad3 = canvas.createRadialGradient(95, 15, 15, 102, 20, 40); radgrad3.addColorStop(0, new Color("#00C9FF")); radgrad3.addColorStop(0.8f, new Color("#00B5E2")); radgrad3.addColorStop(1, new Color("rgba(0,201,255,0)")); CanvasGradient radgrad4 = canvas.createRadialGradient(0, 150, 50, 0, 140, 90); radgrad4.addColorStop(0, new Color("#F4F201")); radgrad4.addColorStop(0.8f, new Color("#E4C700")); radgrad4.addColorStop(1, new Color("rgba(228,199,0,0)")); // draw shapes canvas.setFillStyle(radgrad4); canvas.fillRect(0, 0, 150, 150); canvas.setFillStyle(radgrad3); canvas.fillRect(0, 0, 150, 150); canvas.setFillStyle(radgrad2); canvas.fillRect(0, 0, 150, 150); canvas.setFillStyle(radgrad); canvas.fillRect(0, 0, 150, 150); canvas.restoreContext(); }
From source file:com.google.gwt.demos.gwtcanvas.client.StaticDemo.java
License:Apache License
public void drawDemo() { canvas.resize(width, height);/*w ww . j a va 2 s .co m*/ // Changing the coordinate size will implicitly clear the canvas // canvas.clear(); canvas.saveContext(); canvas.setLineWidth(1); canvas.setFillStyle(Color.GREEN); canvas.fillRect(5, 5, 25, 25); canvas.setStrokeStyle(Color.RED); canvas.strokeRect(20, 20, 25, 25); canvas.beginPath(); canvas.setLineWidth(1); canvas.moveTo(1, 1); canvas.lineTo(80, 80); canvas.lineTo(100, 20); canvas.closePath(); canvas.stroke(); canvas.setStrokeStyle(Color.BLUE); canvas.setFillStyle(Color.BLACK); canvas.beginPath(); canvas.moveTo(120, 50); canvas.lineTo(150, 70); canvas.lineTo(150, 50); canvas.quadraticCurveTo(150, 150, 80, 80); canvas.cubicCurveTo(85, 25, 75, 37, 75, 40); canvas.closePath(); canvas.fill(); canvas.beginPath(); canvas.rect(180, 180, 80, 80); canvas.rect(200, 200, 80, 80); canvas.stroke(); canvas.beginPath(); canvas.arc(200, 100, 20, 0, (float) Math.PI, false); canvas.stroke(); canvas.saveContext(); canvas.translate(150, 0); canvas.fillRect(0, 0, 150, 150); canvas.setFillStyle(new Color("#09F")); canvas.fillRect(15, 15, 120, 120); canvas.setFillStyle(new Color("#FFF")); canvas.setGlobalAlpha(0.5f); canvas.fillRect(30, 30, 90, 90); canvas.fillRect(45, 45, 60, 60); canvas.fillRect(60, 60, 30, 30); canvas.restoreContext(); canvas.saveContext(); canvas.translate(10, 140); canvas.setFillStyle(new Color("#FD0")); canvas.fillRect(0, 0, 75, 75); canvas.setFillStyle(new Color("#6C0")); canvas.fillRect(75, 0, 75, 75); canvas.setFillStyle(new Color("#09F")); canvas.fillRect(0, 75, 75, 75); canvas.setFillStyle(new Color("#F30")); canvas.fillRect(75, 75, 75, 75); canvas.setFillStyle(new Color("#FFF")); canvas.setGlobalAlpha(0.2f); for (int i = 0; i < 7; i++) { canvas.beginPath(); canvas.arc(75, 75, 10 + (10 * i), 0, (float) Math.PI * 2, false); canvas.fill(); } canvas.saveContext(); canvas.setGlobalAlpha(0.8f); canvas.beginPath(); canvas.arc(75, 75, 50, 0, (float) Math.PI * 2, true); // Outer circle canvas.moveTo(110, 75); canvas.arc(75, 75, 35, 0, (float) Math.PI, false); // Mouth canvas.moveTo(65, 65); canvas.arc(60, 65, 5, 0, (float) Math.PI * 2, true); // Left eye canvas.moveTo(95, 65); canvas.arc(90, 65, 5, 0, (float) Math.PI * 2, true); // Right eye canvas.stroke(); canvas.restoreContext(); canvas.restoreContext(); canvas.beginPath(); canvas.arc(200, 200, 20, 0, (float) Math.PI * 2, false); canvas.stroke(); canvas.saveContext(); canvas.setGlobalAlpha(1.0f); for (int i = 1; i < 6; i++) { // Loop through rings (from inside to out) canvas.saveContext(); canvas.setFillStyle(new Color((51 * i), (255 - 51 * i), 255)); for (int j = 0; j < i * 6; j++) { // draw individual dots canvas.rotate((float) Math.PI * 2 / ((float) i * 6)); canvas.beginPath(); canvas.rect(0, ((float) i) * 12.5f, 5, 5); canvas.fill(); } canvas.restoreContext(); } canvas.restoreContext(); canvas.restoreContext(); // canvas.clear(); }
From source file:com.google.gwt.demos.gwtcanvas.client.SuiteDemo.java
License:Apache License
@SuppressWarnings("deprecation") private void drawClock() { int a = (int) Duration.currentTimeMillis(); canvas.saveContext();//from w ww .ja va 2 s. c om canvas.clear(); canvas.translate(175, 175); canvas.scale(0.8f, 0.8f); canvas.rotate((float) (-Math.PI / 2)); canvas.saveContext(); canvas.beginPath(); canvas.setLineWidth(7); canvas.setStrokeStyle(new Color("#325FA2")); canvas.setFillStyle(new Color("#fff")); canvas.arc(0, 0, 142, 0, (float) (Math.PI * 2), true); canvas.fill(); canvas.arc(0, 0, 142, 0, (float) (Math.PI * 2), true); canvas.stroke(); canvas.restoreContext(); canvas.setStrokeStyle(Color.BLACK); canvas.setFillStyle(Color.WHITE); canvas.setLineWidth(4); canvas.setLineCap("round"); // Hour marks canvas.saveContext(); for (int i = 0; i < 12; ++i) { canvas.beginPath(); canvas.rotate((float) (Math.PI / 6)); canvas.moveTo(100, 0); canvas.lineTo(120, 0); canvas.stroke(); } canvas.restoreContext(); // Minute marks canvas.saveContext(); canvas.setLineWidth(2.5f); for (int i = 0; i < 60; ++i) { if (i % 5 != 0) { canvas.beginPath(); canvas.moveTo(117, 0); canvas.lineTo(120, 0); canvas.stroke(); } canvas.rotate((float) (Math.PI / 30)); } canvas.restoreContext(); Date date = new Date(); int sec = date.getSeconds(); int min = date.getMinutes(); int hr = date.getHours(); hr = (hr >= 12) ? hr - 12 : hr; canvas.setFillStyle(Color.BLACK); // write Hours canvas.saveContext(); canvas.rotate((float) (hr * Math.PI / 6 + Math.PI / 360 * min + Math.PI / 21600 * sec)); canvas.setLineWidth(7); canvas.beginPath(); canvas.moveTo(-20, 0); canvas.lineTo(80, 0); canvas.stroke(); canvas.restoreContext(); // write Minutes canvas.saveContext(); canvas.rotate((float) (Math.PI / 30 * min + Math.PI / 1800 * sec)); canvas.setLineWidth(5); canvas.beginPath(); canvas.moveTo(-28, 0); canvas.lineTo(112, 0); canvas.stroke(); canvas.restoreContext(); // Write seconds canvas.saveContext(); canvas.rotate((float) (sec * Math.PI / 30)); canvas.setStrokeStyle(new Color("#D40000")); canvas.setFillStyle(new Color("#D40000")); canvas.setLineWidth(3); canvas.beginPath(); canvas.moveTo(-30, 0); canvas.lineTo(83, 0); canvas.stroke(); canvas.beginPath(); canvas.moveTo(107, 0); canvas.lineTo(121, 0); canvas.stroke(); canvas.beginPath(); canvas.arc(0, 0, 10, 0, (float) (Math.PI * 2), true); canvas.fill(); canvas.beginPath(); canvas.arc(95, 0, 10, 0, (float) (Math.PI * 2), true); canvas.stroke(); canvas.beginPath(); canvas.setFillStyle(new Color("#555")); canvas.arc(0, 0, 3, 0, (float) (Math.PI * 2), true); canvas.fill(); canvas.restoreContext(); canvas.restoreContext(); int b = (int) Duration.currentTimeMillis() - a; timer.schedule(1000 - b); }
From source file:edu.caltech.ipac.firefly.visualize.draw.GWTGraphics.java
private static Color makeColor(String c) { if (GwtUtil.isHexColor(c)) c = "#" + c; return new Color(c); }
From source file:org.utgenome.gwt.utgb.client.canvas.BarGraphCanvas.java
License:Apache License
public void draw(List<CompactWIGData> graphData, GraphStyle style) { for (CompactWIGData each : graphData) { if (each.getSpan() > span) { this.span = each.getSpan(); }/* w w w . j a v a2 s . co m*/ } setPixelWidth(window.getPixelWidth(), style.windowHeight); scale.updateStyle(style); for (CompactWIGData data : graphData) { // get graph color Color graphColor = new Color(DEFAULT_COLOR); if (style.color.isDefined()) { graphColor = new Color(style.color.get()); } else if (data.getTrack().containsKey("color")) { String colorStr = data.getTrack().get("color"); String c[] = colorStr.split(","); if (c.length == 3) graphColor = new Color(Integer.valueOf(c[0]), Integer.valueOf(c[1]), Integer.valueOf(c[2])); } // draw graph canvas.saveContext(); canvas.setLineWidth(1.0f); canvas.setStrokeStyle(graphColor); min = scale.getMin(); max = scale.getMax(); float y2 = scale.getYPosition(0.0f); // draw data graph final boolean isReverse = window.isReverseStrand(); final int pixelWidth = data.getData().length; for (int i = 0; i < pixelWidth; ++i) { float value = data.getData()[i]; float y1; if (value == 0.0f) { if (!style.drawZeroValue) continue; else { y1 = y2 + ((min < max) ? -0.5f : 0.5f); } } else { y1 = scale.getYPosition(value); } int x = i; if (isReverse) { x = pixelWidth - x - 1; } canvas.saveContext(); canvas.beginPath(); canvas.translate(x + 0.5f, 0); canvas.moveTo(0, y1); canvas.lineTo(0, y2); canvas.stroke(); canvas.restoreContext(); } canvas.restoreContext(); } }
From source file:org.utgenome.gwt.utgb.client.canvas.GWTGraphCanvas.java
License:Apache License
protected void drawWigGraph(GraphCanvas graphCanvas) { for (CompactWIGData data : graphCanvas.graphData) { // get graph color Color graphColor = new Color(DEFAULT_COLOR); if (style.color.isDefined()) { graphColor = new Color(style.color.get()); } else if (data.getTrack().containsKey("color")) { String colorStr = data.getTrack().get("color"); String c[] = colorStr.split(","); if (c.length == 3) graphColor = new Color(Integer.valueOf(c[0]), Integer.valueOf(c[1]), Integer.valueOf(c[2])); }/* w w w.j a va 2s . co m*/ // draw graph GWTCanvas canvas = graphCanvas.canvas; canvas.saveContext(); canvas.setLineWidth(1.0f); canvas.setStrokeStyle(graphColor); //canvas.scale(viewWindow.convertToPixelLength(graphCanvas.window.getSequenceLength()) / (double) data.getPixelSize(), 1.0f); float y2 = getYPosition(0.0f); // draw data graph final boolean isReverse = graphCanvas.window.isReverseStrand(); final int pixelWidth = data.getData().length; float min = style.autoScale ? autoScaledMinValue : style.minValue; float max = style.autoScale ? autoScaledMaxValue : style.maxValue; for (int i = 0; i < pixelWidth; ++i) { float value = data.getData()[i]; float y1; if (value == 0.0f) { if (!style.drawZeroValue) continue; else { y1 = y2 + ((min < max) ? -0.5f : 0.5f); } } else { y1 = getYPosition(value); } int x = i; if (isReverse) { x = pixelWidth - x - 1; } canvas.saveContext(); canvas.beginPath(); canvas.translate(x + 0.5f, 0); canvas.moveTo(0, y1); canvas.lineTo(0, y2); canvas.stroke(); canvas.restoreContext(); } canvas.restoreContext(); } }
From source file:org.utgenome.gwt.utgb.client.canvas.RibbonRuler.java
License:Apache License
void redraw() { canvas.clear();// www .j av a 2 s . c o m canvas.setCoordSize(window.getPixelWidth(), RIBBON_HEIGHT); canvas.setPixelSize(window.getPixelWidth(), RIBBON_HEIGHT); long genomeCursor = window.getStartOnGenome(); List<RibbonBlock> ribbonBlocks = new ArrayList<RibbonBlock>(); // build logical ribbon blocks for (RibbonCrease rp : ribbonPoint) { if (rp.getEnd() < genomeCursor) continue; if (genomeCursor < rp.pos) ribbonBlocks.add(new RibbonBlock(RibbonType.NORMAL, rp.pos, (int) (rp.pos - genomeCursor))); if (rp.isOpen) ribbonBlocks.add(new RibbonBlock(rp.type, rp.pos, rp.len)); else ribbonBlocks.add(new RibbonBlock(rp.type, rp.pos, 0)); genomeCursor = rp.getEnd() + 1; } if (genomeCursor < window.getEndOnGenome()) ribbonBlocks.add(new RibbonBlock(RibbonType.NORMAL, genomeCursor, (int) (window.getEndOnGenome() - genomeCursor))); double pixelWidthPerBase = window.getPixelLengthPerBase(); int numBase = 0; genomeCursor = window.getStartOnGenome(); // draw ribbon for (RibbonBlock rb : ribbonBlocks) { boolean drawLeftSide = true; long left = rb.startOnGenome; if (rb.startOnGenome < genomeCursor && genomeCursor < rb.getEnd()) { drawLeftSide = false; left = genomeCursor; } float x1 = (float) (numBase * pixelWidthPerBase) + 0.5f; float x2 = (float) ((numBase + rb.size) * pixelWidthPerBase) - 0.5f; switch (rb.type) { case FOLD: break; case GAP: break; case NORMAL: canvas.setFillStyle(new Color("#FFEEEE")); canvas.setGlobalAlpha(0.7f); canvas.fillRect(x1, 0, x2 - x1, RIBBON_HEIGHT); break; } numBase += rb.size; genomeCursor = rb.getEnd(); } // draw tick if (fontPanel == null) { ImageLoader.loadImages( new String[] { GWT.getModuleBaseURL() + "utgb-core/FontPanel?fontsize=9.5&color=0x663333" }, new ImageLoader.CallBack() { public void onImagesLoaded(ImageElement[] imageElements) { fontPanel = imageElements[0]; drawTick(); } }); } else drawTick(); }
From source file:org.utgenome.gwt.utgb.client.canvas.RibbonRuler.java
License:Apache License
void drawTick() { int displayedGenomeWidth = (window.getEndOnGenome() - window.getStartOnGenome()); if (displayedGenomeWidth < 0) displayedGenomeWidth = -displayedGenomeWidth; if (displayedGenomeWidth > 300) return;//from ww w. j av a2 s . co m int fontWidth = 7; int fontHeight = 13; canvas.setLineWidth(0.5f); canvas.setGlobalAlpha(1f); canvas.setStrokeStyle(new Color("#EEDDDD")); for (int s = (window.getStartOnGenome() / 10) * 10; s < window.getEndOnGenome(); s += 10L) { if (s <= 0) s = 1; float x = window.convertToPixelX(s); canvas.beginPath(); canvas.moveTo(x + 0.5f, 0); canvas.lineTo(x + 0.5f, RIBBON_HEIGHT); canvas.stroke(); String tick = Long.toString(s); for (int i = 0; i < tick.length(); ++i) { char c = tick.charAt(i); canvas.drawImage(fontPanel, (c) * fontWidth, 0, fontWidth, fontHeight, (int) x + i * fontWidth + 3, 2, fontWidth, fontHeight); } } }
From source file:ru.murzoid.project.client.vacuum.LabVacuumCanvas.java
License:Apache License
private void renderingLoop() { canvas.clear();/*from w w w.j a v a2s . c om*/ canvas.drawImage(bakImg, 0, 0, 640, 480, 0, 180, 320, 240); if (sliv) { if (waterFull) { sliv(); canvas.drawImage(waterImg.get(iterW), 0, 0, 320, 240, 2, 35, 210, 240); iterW++; if (iterW >= 16) { iterW = 12; } if (iterW >= 12) { osad -= step; vc -= stepV; } } else { sliv = false; } } if (waterEnd) { canvas.drawImage(waterImg.get(iterW), 0, 0, 320, 240, 2, 35, 210, 240); iterW++; if (iterW >= 24) { iterW = 0; sliv = false; waterEnd = false; } } canvas.drawImage(motorImg.get(iter), 0, 0, 320, 240, 0, 0, 320, 240); if (motor) { iter++; if (iter >= 5) { iter = 0; } } canvas.setFillStyle(new Color("rgba(0,0,215,0.5)")); if (zapolnenie) { zapolnenie(); } if (clean) { clean(); } canvas.beginPath(); canvas.moveTo(x_s, y_h); canvas.lineTo(x_s2, y_h1); canvas.lineTo(x_s2, y_h2); canvas.lineTo(x_s1, y_h2); canvas.lineTo(x_s1, y_h1); canvas.closePath(); canvas.fill(); canvas.fillRect(49, 374, 7.6, vc); canvas.setFillStyle(new Color("rgba(255,0,0,1)")); canvas.fillRect(28, 275, 46, osad); timer.schedule(time); }
From source file:teropa.ko2010.client.Client.java
License:Creative Commons License
private void initMain(DockLayoutPanel dock) { LayoutPanel mainPanel = new LayoutPanel(); map = new Map("100%", "100%"); map.setMaxExtent(GoogleMercator.MAX_EXTENT); map.setResolutions(getResolutions(), 1); map.setCenter(new LonLat(391357.58482, 5476196.443835)); map.getView().setBackgroundColor(new Color("#c8c8c8")); OpenStreetMapLayer base = new OpenStreetMapLayer(GWT.getHostPageBaseURL() + "tiles/osm", "Mapnik", true); map.addLayer(base);//from www . ja v a 2s . co m solanum = new EpidemicLayer(GWT.getHostPageBaseURL() + "tiles/solanum", "Solanum", false); map.addLayer(solanum); map.addControl(new Panner(), Position.TOP_LEFT); map.addControl(new Zoomer(), Position.MIDDLE_LEFT); map.addControl(new CopyrightText(initCopyrightText()), Position.BOTTOM_LEFT); mainPanel.add(map); // map.getView().addViewClickHandler(new ViewClickEvent.Handler() { // public void onViewClicked(ViewClickEvent event) { // Window.alert(map.calc().getLonLat(event.point).toString()); // } // }); tc = new TimeControl(solanum); mainPanel.add(tc); mainPanel.setWidgetBottomHeight(tc, 30, Unit.PX, 50, Unit.PX); mainPanel.setWidgetLeftRight(tc, 50, Unit.PX, 50, Unit.PX); dock.add(mainPanel); }