Javascript 如何将swf文件导入画布
我想将swf文件导入画布 这是我的鳕鱼 我有我的功能,我预加载我的swfJavascript 如何将swf文件导入画布,javascript,object,canvas,preload,createjs,Javascript,Object,Canvas,Preload,Createjs,我想将swf文件导入画布 这是我的鳕鱼 我有我的功能,我预加载我的swf var canvas, stage, exportRoot, images; function init() { canvas = document.getElementById("canvas"); images = images||{}; var manifest = [ {src:"/...octo12.swf"}, ]; var loader
var canvas, stage, exportRoot, images;
function init() {
canvas = document.getElementById("canvas");
images = images||{};
var manifest = [
{src:"/...octo12.swf"},
];
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(manifest);
loader.onProgress = handleProgress;
stage = new createjs.Stage(canvas);
createjs.Ticker.setFPS(22);
createjs.Ticker.addEventListener("tick", stage);
var image = new createjs.Bitmap("/../logo.png");
image.x = 300;
image.y = 150;
stage.addChild(image);
var progress = new createjs.Shape();
var progressBellow = new createjs.Shape();
progress.graphics.beginStroke("#FF00FF").drawRect(450,440,500,30);
progressBellow.graphics.beginStroke("#FF00FF").drawRect(450,440,500,30);
// progress.graphics.setStrokeStyle(8,"round").beginStroke("#FFF");
function handleProgress(event) {
progress.graphics.clear();
// Draw the progress bar
progress.graphics.beginFill("#FF00FF").drawRect(450,440,500*(event.loaded / event.total),30);
}
stage.addChild(progress,progressBellow);
stage.update();
}
function handleComplete() {
//================================stage==========================================================
stage = new createjs.Stage(canvas);
//================================child==========================================================
stage.addChild(exportRoot);
stage.update();
stage.enableMouseOver();
//================================ticker=========================================================
createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick", stage);
。
我在home.html中尝试导入它们
<canvas id="canvas" width="1300" height="800" style="max-height: 100%;height: 25%;width: 20%;margin-left:40%;margin-top: 15%">
<object width="400" height="50" data="/..../swf/octo12.swf"></object>
</canvas>
导入不起作用,如何将它们导入canvas元素
thx.您应该使用它。将对象移出canvas元素并为其指定id
<canvas id="canvas" width="1300" height="800"></canvas>
<object id="myswf" width="400" height="50" data="/..../swf/octo12.swf"></object>
画布中的swf?你确定这是可能的吗?我非常确定a)嵌入需要更多的属性,包括clsid和类型。b) 没有操作系统有一个“…”路径-最多只有两个点。祝你好运尝试让flash出现在画布中,但我担心你可能会遇到图形冲突。
var domElement = new createjs.DOMElement($("#myswf"));
stage.addChild(domElement);