无法使用KineticJS JavaScript Framework v5.1.0绘制椭圆

时间:2014-11-07 13:00:26

标签: kineticjs ellipse

下面的代码使用kinetic-v4.4.3.min.js脚本完美地绘制了一个椭圆。

当我尝试仅引用最新版本时,椭圆不会绘制。

以下是工作原理的代码:

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<div id="container"></div>

<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.4.3.min.js"></script>
<script>

    var stage = new Kinetic.Stage({
        container: 'container',
        width: 578,
        height: 200
    });
    var shapesLayer = new Kinetic.Layer();


    var oval = new Kinetic.Ellipse({
        x: 345,
        y: 145,
        radius: [100, 50],
        fill: 'red',
        stroke: 'black',
        strokeWidth: 4,
        listening: false
    });
    shapesLayer.add(oval);

    stage.add(shapesLayer);

</script>
</body>
</html>

那么我需要做些什么才能使用KineticJS JavaScript Framework v5.1.0绘制椭圆?

切换lib版本什么都不做。含义

上面的脚本标记会破坏代码。

谢谢, 吉姆

1 个答案:

答案 0 :(得分:0)

radius属性需要一个对象{x,y},而不是一个数组。