lufy's legend
标题:
为什么在init后无法获取到 resultLayer?????
[打印本页]
作者:
lataing
时间:
2014-8-1 14:30
标题:
为什么在init后无法获取到 resultLayer?????
本帖最后由 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();
});
复制代码
作者:
lufy
时间:
2014-8-1 14:34
没仔细看,先把下面的代码
resultLayer.addText("成功了!!!", 200, 200, undefined, undefined, undefined, undefined, 70);
resultLayer.addImage('http://www.icustomonline.com/uploadfiles/temp/2014/07/18/20140718044104514.jpg');
resultLayer.addText("成功了!!!", 200, 200, undefined, undefined, undefined, undefined, 80, 1.2);
resultLayer.addImage('http://www.icustomonline.com/uploadfiles/temp/2014/07/18/20140718044104514.jpg', 210, 210);
resultLayer.display();
复制代码
写到main函数的最下面试试看
作者:
lataing
时间:
2014-8-16 08:44
lufy 正解 写到main里就可以了
欢迎光临 lufy's legend (http://lufylegend.com/forum/)
Powered by Discuz! X2.5