java - gwt でこの種の画像を作成するにはどうすればよいですか?

Question

http://yuml.me/diagram/scruffy/class/samples

次のような長方形を描く方法を知っています。

 context.fillRect(x, y, width, height);

gwt canvas を使用して、この種の画像 (直線枠、グラデーション、影ではない) を作成するにはどうすればよいですか? これはまったく可能ですか？何を探す必要がありますか？

Answer 1

はい、次から始めることができます。

// Define the path
ctx.beginPath();
ctx.lineTo(..., ...);
ctx.lineTo(..., ...);
...
ctx.closePath();

// Stroke the path
ctx.setStrokeStyle("#...");
ctx.stroke();

// Fill the path
final CanvasGradient gradient = ctx.createLinearGradient(...);
gradient.addColorStop(0., "#...");
gradient.addColorStop(1., "#...");
ctx.setFillStyle(gradient);
ctx.fill();

影は別に描く必要があります。