0 
function BallItemRenderer() {
    this.canvas = null;
    this.graphics = this.canvas.getContext("2d");
this.stroke;
this.fill;
this.cubeDepth = 0;
this.cubeAngleRatio = 0;

this.draw = function(x, y, width, height) {
        var g = this.graphics;
        if(g) {
            if(this.stroke && this.stroke.color)
                g.strokeStyle = GraphicsUtils.color2rgba(this.stroke.color, this.stroke.alpha);

            if(this.stroke && this.stroke.weight)
                g.lineWidth = this.stroke.weight;
            else
                g.lineWidth = 1;

            var rad = width * 0.5;
            var tx = this.cubeAngleRatio * rad * 0.5;
            var radgrad = g.createRadialGradient(x+rad-tx, y+rad-tx, 1, x+rad, y+rad, rad);
            var alpha = isObject(this.fill) ? this.fill.alpha : 1;
            radgrad.addColorStop(0, "rgba(255,255,255," + alpha + ")");
            radgrad.addColorStop(1, GraphicsUtils.adjustBrightness(this.fill, 0));
            g.fillStyle = radgrad;
            g.beginPath();

            g.arc(x+rad, y+rad, rad, 0, Math.PI*2, true);
            g.fill();
            if(this.stroke && this.stroke.weight)
                g.stroke();
        }
    }
}

キャンバスをsvgに変更しようとしています。しかし、それは私にはとても難しいです。そのソースはアイテムのレンダリングで機能します。キャンバスをsvgに変更するにはどうすればよいですか? 助けてください..サンプルが必要です..

4

1 に答える 1

0

要素( example ) と要素( example )を使用しcircleます。適切な要素を作成および操作するには、DOM を使用する必要があります。radialGradient

于 2013-05-21T06:27:32.420 に答える