Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
 
  </head>
<body>
​
<canvas id="myCanvas" width="250" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<canvas id="myCanvasDos" width="550" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
​
var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();
​
      imageObj.onload = function() {
        context.drawImage(imageObj, 0, 0);
      };
      imageObj.src =   'https://www.google.es/intl/es_ALL/images/logos/images_logo_lg.gif';
  
  var canvasDos = document.getElementById('myCanvasDos');
      var contextDos = canvasDos.getContext('2d');
      var imageObjDos = new Image();
​
      imageObjDos.onload = function() {
        contextDos.drawImage(imageObjDos, 0, 0);
      };
      imageObjDos.src =   'https://www.google.es/images/srpr/logo3w.png';    
  
</script>   
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers