如何在画架js中画一个虚线圆圈

Question

如何在画架js中画虚线圆圈？我想创建一个圆圈，外线应该是虚线 format.How 来解决这个问题？

输出：

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

Answer 1

查看 GitHub 中的 "Graphics_setStrokeDash.html" 示例。这是来源的link。 https://github.com/CreateJS/EaselJS/blob/master/examples/Graphics_setStrokeDash.html

请注意，它不适用于早期的 IE 版本 (<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);

如何在画架js中画一个虚线圆圈

How to draw a dotted circle in easel js

javascript

canvas

html5-canvas

easeljs