JavaScript - Cargar imagen externo en canvas html5 con JavaScript

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

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?

• 001.zip(19,5 KB)