Web中显示图片的方式

1.css 中的 background-image

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

2.image标签

var myImage = new Image(100, 200);
myImage.src = 'picture.jpg';
document.body.appendChild(myImage);

3.canvas 中的 drawImage

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("tulip");
ctx.drawImage(img,10,10);

你可能感兴趣的:(软件研发,js,css,html5,html,web)