load a image

[valentin-dirken]

Hello, how can I load a image with an url link and not a input file button ?

I wrote :
< body onload="init()"; >

then...

function init(){
console.debug("go init");
var ctx = document.getElementById('in').getContext('2d');
var imageObj = new Image();
imageObj.src = 'http://www.xxx.com/careers.jpg';
ctx.drawImage(imageObj,1, 0);

But zoomIn / zoomOut & crop are not displayed. With CSS, I can display them, but I have an error :

TypeError: canvasData is null
$scope.crop()main_co...ller.js (ligne 28)
Ya.prototype.functionCall/<()angular.min.js (ligne 166)
Pc[c]</<.compile/</</<()angular.min.js (ligne 183)
Ed/this.$get</h.prototype.$eval()angular.min.js (ligne 104)
Ed/this.$get</h.prototype.$apply()angular.min.js (ligne 105)
Pc[c]</<.compile/</<()angular.min.js (ligne 183)
$c/c/<()angular.min.js (ligne 27)
r()angular.min.js (ligne 7)
$c/c()angular.min.js (ligne 27)

$scope.rightCanvas.src = canvasData.dataURI;

Thanks you for your reply