cargar imagen en html5 externo

leoncito34 · #1 (**permalink**) 10/05/2016, 11:54

hola gente ... tengo un problema y es que no me muestra una imagen creada en canvas html5

lo estoy cargando fuera de la carpeta ... me muestra la animación del texto.. pero no me muestra la imagen ...probe modificando la ubicación de la imagen en el archivo .JS pero no funciono.. asi que no se que debo modificar para poder mostrar la imagen .. pero vamos de principio asi les digo donde estan los archivos y donde lo quiero mostrar

estoy usando el plugin sourcerer para mostrar la animación en un artículo de joomla ...

los archivos estan ubicados en images/canvas

en la carpeta canvas tengo

sub-carpeta images/_dato24.jpg
001.html
001.js

anda todo perfecto.. muestra la animación, el link bien.. pero no me carga la imagen _datos24.jpg...

en el archivo 001.html visualizandolo directamente si lo carga bien a la imagen.. pero si lo quiero llamar desde fuera de ese archivo no lo carga .. talvez tenga que modificar la ruta de la imagen en el JS.. intente hacerlo pero no me funciono ... alguna sugerencia?

Código HTML:

Ver original<html>
<head>
<meta charset="UTF-8">
<title>001</title>
<!-- write your code here -->
 
 
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src="images/canvas/001.js"></script>
 
<script>
var canvas, stage, exportRoot;
function init() {
    // --- write your JS code here ---
    
    canvas = document.getElementById("canvas");
    images = images||{};
 
    var loader = new createjs.LoadQueue(false);
    loader.addEventListener("fileload", handleFileLoad);
    loader.addEventListener("complete", handleComplete);
    loader.loadManifest(lib.properties.manifest);
}
 
function handleFileLoad(evt) {
    if (evt.item.type == "images") { images[evt.item.id] = evt.result; }
}
 
function handleComplete(evt) {
    exportRoot = new lib._001();
 
    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();
    stage.enableMouseOver();
 
    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage);
}
 
</script>
 
<!-- write your code here -->
 
</head>
<body onload="init();" style="background-color:#D4D4D4;margin:0px;">
    <canvas id="canvas" width="550" height="110" style="background-color:#FFFFFF"></canvas>
</body>
</html>

cualquier cosa el js podria adjuntarlo