मैं सर्वर से छवियां कैसे प्राप्त कर सकता हूं?एक कैनवास में प्रदर्शित करने के लिए एक दूरस्थ छवि कैसे प्राप्त करें?
मुझे यह कोड मिला है जो मुझे कैनवास पर कुछ छवियां खींचने की अनुमति देता है।
<html>
<head>
<script type="text/javascript">
function draw(){
var canvas = document.getElementById('canv');
var ctx = canvas.getContext('2d');
for (i=0;i<document.images.length;i++){
ctx.drawImage(document.images[i],i*150,i*130);
}
}
</script>
</head>
<body onload="draw();">
<canvas id="canv" width="1024" height="1024"></canvas>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif">
<img src="http://l.yimg.com/a/i/ww/beta/y3.gif">
<img src="http://static.ak.fbcdn.net/images/welcome/welcome_page_map.png">
</body>
</html>
document.images पर लूप करने के बजाय, मैं लगातार सर्वर से छवियां प्राप्त करना चाहता हूं।
for (;;) {
/* how to fetch myimage??? */
myimage = fetch???('http://myserver/nextimage.cgi');
ctx.drawImage(myimage, x, y);
}
यह तो आप वास्तव में myimage.onload = function() {ctx.drawImage (myimage, एक्स, वाई) की तर्ज पर कुछ करना चाहिए, आप तुल्यकालिक एक संसाधन अनुरोध नहीं कर सकते कि ध्यान देने योग्य है; } myimage.src = 'http: //myserver/nextimage.cgi'; – olliej