- 注册时间
- 2014-7-30
- 最后登录
- 2014-8-18
- 阅读权限
- 20
- 积分
- 22
- 精华
- 0
- 帖子
- 4
|
本帖最后由 lataing 于 2014-8-1 14:32 编辑
- var loader;
- var container = '';//画布容器
- var stageSize = 500;//画布大小
- var backLayer = false;//底部背景层
- var resultLayer = false;//中间结果层
- var topLayer = false;//顶部蒙板层
- var bgiSrc = '';//背景图片
- var tmSrc = '';//蒙板图片
- var resultItems = new Array();
- function main() {
- //初始化背景层
- BackLayerInit();
- //初始化结果层(中间层)
- ResultLayerInit();
- //初始化蒙板层
- TopLayerInit();
- }
- //初始化背景层
- function BackLayerInit() {
- if (!backLayer) {
- backLayer = new LSprite();
- addChild(backLayer);
- }
- else {
- backLayer.removeAllChild();
- }
- bgiLoader = new LLoader();
- bgiLoader.addEventListener(LEvent.COMPLETE, function (event) {
- var bgiBitmapdata = new LBitmapData(bgiLoader.content);
- var bgiBitmap = new LBitmap(bgiBitmapdata);
- backLayer.addChild(bgiBitmap);
- });
- bgiLoader.load(bgiSrc, "bitmapData");
- }
- //初始化结果层(中间层)
- function ResultLayerInit() {
- //初始化结果层(中间层)
- resultLayer = new ResultLayer();
- addChild(resultLayer);
- resultLayer.display();
- }
- //初始化蒙板层
- function TopLayerInit() {
- if (!topLayer) {
- topLayer = new LSprite();
- addChild(topLayer);
- }
- else {
- topLayer.removeAllChild();
- }
- tmLoader = new LLoader();
- tmLoader.addEventListener(LEvent.COMPLETE, function (event) {
- var tmBitmapdata = new LBitmapData(tmLoader.content);
- var tmBitmap = new LBitmap(tmBitmapdata);
- topLayer.addChild(tmBitmap);
- });
- tmLoader.load(tmSrc, "bitmapData");
- }
- //继承LSprite的结果图层(中间层)
- function ResultLayer() {
- base(this, LSprite, []);
- var self = this;
- self.Items = new Array();//结果层中的所有图层(每一张图片或每段文字都是保存在独立的图层中)
- }
- //添加文字
- ResultLayer.prototype.addText = function (text, x, y, font, size, color, weight, rotate, scale) {
- var self = this;
- self.Items.push({ type: 'text', name: text, x: x, y: y, rotate: rotate, scale: scale, text: text, font: font, size: size, color: color, weight: weight });
- }
- //添加一张图片
- ResultLayer.prototype.addImage = function (src, x, y, width, height, rotate, scale) {
- var self = this;
- self.Items.push({ type: 'image', name: src, x: x, y: y, rotate: rotate, scale: scale, src: src, width: width, height: height });
- }
- //改变顺序
- ResultLayer.prototype.changeOrder = function (from, to) {
- var self = this;
- self.Items.splice(to, 0, self.Items[from]);//复制元素到指定位置
- self.Items.splice(from, 1)//删除元素
- }
- //删除元素
- ResultLayer.prototype.remove = function (index) {
- var self = this;
- self.Items.splice(index, 1)//删除元素
- }
- //显示结果层中的所有图层到结果层中
- ResultLayer.prototype.display = function () {
- var self = this;
- self.removeAllChild();
- for (var i = 0; i < self.Items.length; i++) {
- var item = self.Items;
- if (item.type == 'text') {
- self.displayText(item.text, item.x, item.y, item.font, item.size, item.color, item.weight, item.rotate, item.scale);
- } else if (item.type == 'image') {
- self.displayImage(item.src, item.x, item.y, item.width, item.height, item.rotate, item.scale);
- }
- }
- }
- //显示文本到结果层中
- ResultLayer.prototype.displayText = function (text, x, y, font, size, color, weight, rotate, scale) {
- var self = this;
- var layer = new LSprite();
- layer.addEventListener(LMouseEvent.MOUSE_DOWN, function () { });
- self.addChild(layer);
- var field = new LTextField();
- x != undefined ? field.x = x : '';
- y != undefined ? field.y = y : '';
- rotate != undefined ? field.rotate = rotate : '';
- scale != undefined ? field.scaleX = scale : '';
- scale != undefined ? field.scaleY = scale : '';
- field.text = text;
- font != undefined ? field.font = font : '';
- size != undefined ? field.size = size : '';
- color != undefined ? field.color = color : '';
- weight != undefined ? field.weight = weight : '';
- layer.addChild(field);
- }
- //显示图片到结果层中
- ResultLayer.prototype.displayImage = function (src, x, y, width, height, rotate, scale) {
- var self = this;
- var layer = new LSprite();
- layer.addEventListener(LMouseEvent.MOUSE_DOWN, function () { });
- self.addChild(layer);
- loader = new LLoader();
- loader.addEventListener(LEvent.COMPLETE, function (event) {
- var bitmapdata = new LBitmapData(loader.content);
- var bitmap = new LBitmap(bitmapdata);
- x != undefined ? bitmap.x = x : '';
- y != undefined ? bitmap.y = y : '';
- rotate != undefined ? bitmap.rotate = rotate : '';
- scale != undefined ? bitmap.scaleX = scale : '';
- scale != undefined ? bitmap.scaleY = scale : '';
- width != undefined ? bitmap.width = width : '';
- height != undefined ? bitmap.height = height : '';
- layer.addChild(bitmap);
- });
- loader.load(src, "bitmapData");
- }
- $(function () {
- var selected = $(".product-model-list li.selected-value input")
- stageSize = 500;
- bgiSrc = selected.attr("data-bgi");
- tmSrc = selected.attr("data-tm");
- init(50, "gallery", 500, 500, main, LEvent.INIT);
- resultLayer.addText("成功了!!!", 200, 200, undefined, undefined, undefined, undefined, 70);
- resultLayer.addImage('/uploadfiles/temp/2014/07/18/20140718044104514.jpg');
- resultLayer.addText("成功了!!!", 200, 200, undefined, undefined, undefined, undefined, 80, 1.2);
- resultLayer.addImage('/uploadfiles/temp/2014/07/18/20140718044104514.jpg', 210, 210);
- resultLayer.display();
- });
复制代码 |
|