如何在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();

阴影必须单独绘制。