如何在画架js中绘制虚线圆圈

Question

如何在画架js中绘制虚线圆圈？我想创建一个圆圈，外线应该是点状格式。如何解决这个问题？

输出：

请参考此链接： http://www.polyvore.com/dotted_circle/thing?id=75092766

Answer 1

查看＆＃34; Graphics_setStrokeDash.html＆＃34; GitHub中的示例。这是源的链接。 https://github.com/CreateJS/EaselJS/blob/master/examples/Graphics_setStrokeDash.html

请注意，它不适用于早期的IE版本（＆lt; 11）。

段：

shape.graphics.setStrokeDash([2,2]);
shape.graphics.setStrokeStyle(2).beginStroke("green").rect(380,20,100,100);

Answer 2

以虚线样式创建圆圈

        var graphics = new createjs.Graphics();
        CIRCLE_PAGE = new createjs.Container();
        var shape = new createjs.Shape(graphics);
        var total_circles = 4;
        var diameter = 200;
        var angle = i * 2 * Math.PI/total_circles;
        var x = cx + Math.cos(angle) * diameter/2;
        var y = cy + Math.sin(angle) * diameter/2;   
        shape.graphics.beginFill("#666666");
        shape.graphics.arc(x, y, 3, 0, Math.PI * 2, false);
        shape.graphics.closePath();
        CIRCLE_PAGE.addChild(shape);