从javascript中的链接获取图像

我有一个指向图像的链接，我想将其另存为图像。 例如，链接是。如何将其保存到javascript中的图像变量中，以便使用它执行以下操作：

document.write("<img src=\"" + pic + "\" class=\"avatar\">")

如果有人可以指导我如何将此图像调整为50x50，也将非常有用。 这是我的最新代码

更新：

---

问题是，我无法获得另一个脚本上的图片，只是：

document.write('<img src="http://graph.facebook.com/sarfraz.anees/picture" class="avatar">');

或者

?？？它已经是一个50x50的图像

var pic = document.createElement('img');
pic.className = 'avatar';
pic.src = 'sourcetopicture.png';
pic.height = '50';
pic.width = '50';

document.body.appendChild(pic);

只需替换您希望附加图片的位置。例如，如果它是一个id为myDiv的div，您可以说

document.getElementById('myDiv').appendChild(pic);

---

希望这有点帮助

当你说你有一个链接，你是什么意思？它是什么？如果你知道图片的URL，为什么不直接输入一个标签呢？现在我在哪里见过那张脸了…我的控制台窗口中没有定义一张图片。我已经为头部的图像定义了var pic=url。这是动态的，在正文中我是这样写的。我认为问题在于变量的作用域。。我已经更新了上面的问题

var pic = document.createElement('img');
pic.className = 'avatar';
pic.src = 'sourcetopicture.png';
pic.height = '50';
pic.width = '50';

document.body.appendChild(pic);

document.getElementById('myDiv').appendChild(pic);