您的位置:首页 > 其它

lufylegend库 LGraphics扭曲图片

2015-07-27 14:31 218 查看
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">
var loader;
init(50, 'mylegend', 500, 350, main);

function main() {
loader = new LLoader();
loader.addEventListener(LEvent.COMPLETE, loadBitmapdata);
loader.load('face.jpg', 'bitmapData');
}

function loadBitmapdata(event) {
var bitmapdata = new LBitmapData(loader.content);
var backLayer = new LSprite();
addChild(backLayer);
var vertices = [];
vertices.push(0,0);
vertices.push(0,120);
vertices.push(0,240);
vertices.push(120,0);
vertices.push(120,120);
vertices.push(120,240);
vertices.push(240,0);
vertices.push(240,120);
vertices.push(240,240);
var indices = [];
indices.push(0,3,1);
indices.push(3,1,4);
indices.push(1,4,2);
indices.push(4,2,5);
indices.push(3,6,4);
indices.push(6,4,7);
indices.push(4,7,5);
indices.push(7,5,8);
var uvtData = [];
uvtData.push(0,0);
uvtData.push(0,0.5);
uvtData.push(0,1);
uvtData.push(0.5,0);
uvtData.push(0.5,0.5);
uvtData.push(0.5,1);
uvtData.push(1,0);
uvtData.push(1,0.5);
uvtData.push(1,1);
backLayer.graphics.beginBitmapFill(bitmapdata);
backLayer.graphics.drawTriangles(vertices,indices,uvtData,2,'#fff');
}
</script>
</body>

</html>2,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: