lufylegend HTML5开源框架基本操作

<!doctype>
<html>
    <head>
        <meta charset="utf-8"/>
        <script type="text/javascript" src="lufylegend-1.7.3/lufylegend-1.5.1.min.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
        <div id="mylegend"></div>
        <script>

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

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

var loader;
//function main() {
//    // 读取图片
//    loader = new LLoader();
//    loader.addEventListener(LEvent.COMPLETE, loadBitmapdata);
//    loader.load("images/1.jpg", "bitmapData");
//    
//}
//
//function loadBitmapdata(event) {
//    // 将图片显示到区域
//    var bitmapdata = new LBitmapData(loader.content,50,50,150,150);
//    var bitmap = new LBitmap(bitmapdata);
//    bitmap.x = 50;
//    bitmap.y = 50;
//    bitmap.rotate = 60;
//    bitmap.alpha = 0.4;
//    // 加入层的概念
//    var layer = new LSprite();
//    addChild(layer);
//    layer.addChild(bitmap);
//}

//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,60,50,0,360 * Math.PI / 180]);
//    // 实心圆
//    graphics.drawArc(1, '#000000', [180,60,50,0,360 * Math.PI / 180], 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');
    
//    // 使用canvas 的原始绘图函数进行绘图
//    graphics.add(function(coodx, coody) {
//        LGlobal.canvas.strokeStyle = "#000000";
//        LGlobal.canvas.moveTo(20,20);
//        LGlobal.canvas.lineTo(200,200);
//        LGlobal.canvas.stroke();
//    })
    // 使用LSprite 对象进行绘图
//    var layer = new LSprite();
//    addChild(layer);
//    layer.graphics.drawRect(1, '#000000', [50, 50, 100, 100]);
//    
    // 绘制一个圆形区域图片
    

//}

// 遮罩
//function main() {
//    loader= new LLoader();
//    loader.addEventListener(LEvent.COMPLETE, loadBitmapdata);
//    loader.load('images/1.jpg', 'bitmapData');
//    
//}
//
//function loadBitmapdata() {
//    var bitmapdata = new LBitmapData(loader.content);
//    var backLayer = new LSprite();
//    addChild(backLayer);
//    backLayer.graphics.beginBitmapFill(bitmapdata);
//    backLayer.graphics.drawArc(1, '#000', [110, 80, 50, 0, Math.PI * 2]);
//}

//function main() {
//    // 创建一个层
//    var layer = new LSprite();
//    addChild(layer);
//    // 创建一个文本标签
//    field = new LTextField();
//    field.text = "0";
//    layer.addChild(field);
//    layer.addEventListener(LEvent.ENTER_FRAME, onframe);
//}
//
//function onframe() {
//    field.text = parseInt(field.text) + 1;
//}

你可能感兴趣的:(lufylegend HTML5开源框架基本操作)