lufylegend库 LGraphics

时间：2023-12-11 21:35:32

lufylegend库 LGraphics

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>lufylegend</title>

    <script type="text/javascript" src="lufylegend-1.7.6.js"></script>

</head>

<body>

    <div id="mylegend">loading...</div>

    <script type="text/javascript">

    init(50, 'mylegend', 500, 350, main);

    function main() {

        var graphics = new LGraphics();

        addChild(graphics);

        graphics.drawRect(1, '#000000', [50, 50, 100, 100]);

        graphics.drawRect(1, '#000000', [170, 50, 100, 100], true, '#cccccc');

        graphics.drawArc(1, '#000000', [60, 230, 50, 0, 2 * Math.PI]);

        graphics.drawArc(1, '#000000', [180, 230, 50, 0, 2 * Math.PI], true, '#cccccc');

        graphics.drawVertices(1, '#000000', [

            [50, 20],

            [80, 20],

            [100, 50],

            [80, 80],

            [50, 80],

            [30, 50]

        ]);

        graphics.drawVertices(1, '#000000', [

            [150, 20],

            [180, 20],

            [200, 50],

            [180, 80],

            [150, 80],

            [130, 50]

        ], true, '#cccccc');

        graphics.add(function(coodx, coody) {

            LGlobal.canvas.strokeStyle = '#000000';

            LGlobal.canvas.moveTo(20, 20);

            LGlobal.canvas.lineTo(200, 200);

            LGlobal.canvas.stroke();

        });

    }

    </script>

</body>

</html>

相关文章