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,

lufylegend库 LGraphics扭曲图片的更多相关文章

  1. lufylegend库 LGraphics绘制图片

    lufylegend库 LGraphics绘制图片 <!DOCTYPE html> <html lang="en"> <head> <me ...

  2. lufylegend库 LGraphics

    lufylegend库 LGraphics <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  3. lufylegend库 LButton

    lufylegend库 LButton <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  4. lufylegend库 鼠标事件 循环事件 键盘事件

    lufylegend库 鼠标事件 循环事件 键盘事件 <!DOCTYPE html> <html lang="en"> <head> <m ...

  5. lufylegend库 LTextField

    lufylegend库 LTextField <!DOCTYPE html> <html lang="en"> <head> <meta ...

  6. lufylegend库 LBitmapData LBitmap LSprite

    lufylegend库 LBitmapData LBitmap LSprite <!DOCTYPE html> <html lang="en"> <h ...

  7. 编译skia静态库时，图片解码库无法注册的问题

    转载:http://www.cnblogs.com/imlucky/archive/2012/08/01/2617851.html 今天编译skia库,增加图片解码库时总是无效.按照此博客的方法修改后 ...

  8. python 利用PIL库进行更改图片大小的操作

    python 是可以利用PIL库进行更改图片大小的操作的,当然一般情况下是不需要的,但是在一些特殊的利用场合,是需要改变图片的灰度或是大小等的操作的,其实用python更改图片的大小还是蛮简单的,只需 ...

  9. [RN] React Native 使用开源库 react-native-image-crop-picker 实现图片选择、图片剪裁

    React Native 使用开源库 react-native-image-crop-picker 实现图片选择.图片剪裁 该库可以实现启动本地相册和照相机来采集图片,并且提供多选.图片裁剪等功能,支 ...

随机推荐

  1. MFC中的NMHDR结构体和NMUPDOWN结构体

    建立spin控件,创建UDN_DELTAPOS一个消息函数后: void CSpinDlg::OnDeltaposSpin1(NMHDR* pNMHDR, LRESULT* pResult) { NM ...

  2. sdf SimpleDateFormat 不是线程安全的，

    我经常用一个public static SimpleDateFormat sdf; 今天发现报“java.lang.NumberFormatException: multiple points”的异常 ...

  3. IFeatureWorkspace OpenFeatureClass Example（转）

    网络来源:http://changqingnew.blog.163.com/blog/static/1075233820103383633639/ //IFeatureWorkspace OpenFe ...

  4. java中instanceof的用法

    java 中的instanceof 运算符是用来在运行时指出对象是否是特定类的一个实例.instanceof通过返回一个布尔值来指出,这个对象是否是这个特定类或者是它的子类的一个实例. 用法:resu ...

  5. Ajax 下拉加载数据

    $(document).scroll(function() { var pageHeight = $(document).height()-$(window).height(); var bodySc ...

  6. iOS多页面传值方式之单例传值singleton

    // 要实现单例传值,那就必须得新建一个类做为单例 提供创建该类对象的类方法(因为是要在alloc开辟内存空间后赋值).所有在.h文件中声明该方法 + (instancetype)defaultUII ...

  7. postgresql 抽样查询

    curl -GET 'http://****/query' --data-urlencode "db=db" --data-urlencode "q=SELECT las ...

  8. 使用RGBa和Filter实现不影响子元素的CSS透明背景

    点击查看原文 问题 如果我们想要一个元素拥有半透明的背景,我们有两个选择: 使用CSS和 opacity 做一张 24-bit PNG 背景图片 在CSS中使用opacity有两个问题,一是为了适应所 ...

  9. 改变Button文字和图片的位置

    button.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth, 0, -labelWidth);button.titleEdgeInsets = UI ...

  10. display属性及inline-block值（可用来布局）

    display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都可控制: 宽度缺省是它的容器的100%,除非设定一个宽度 <div& ...