小编chr*_*ard的帖子

我是使用HTML5 Canvas和KineticJS的新手,所以请原谅我,如果这是我的一个明显的错误.

我的问题是我正在使用由形状组成的组.形状使用drawFunc来完成绘制魔术.所有好东西.但是 - 我注意到我的Shape调用中的设置似乎覆盖了"全局"上下文设置.这是我创建的小提琴最好的显示,它为标准的"KineticJS拖放组" 演示添加了一些十字架(形状).

  // ----------------------------------------------------------[ my bit starts ]
        var tmp_x = i * 30 + 100
        var tmp_y = i * 30 + 40
        var shape = new Kinetic.Shape({

            drawFunc: function(context) {

                context.moveTo(tmp_x-10, tmp_y);
                context.lineTo(tmp_x + 10, tmp_y);
                context.moveTo(tmp_x, tmp_y - 10);
                context.lineTo(tmp_x, tmp_y + 10);

                this.fill(context);
                this.stroke(context);
            } ,
            fill: "#0FD2FF",
            stroke: "orange"
        });
        group.add(shape);
        // ----------------------------------------------------------[ my bit ends ]

        var box = new Kinetic.Rect({
            x: i * 30 + 210, …