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,