2016-04-06 13 views
0

'da bir değişkene yeni Resim atamadığımda ne olur? yeni görüntü hakkında biraz bilgi sahibi olmaya çalışıyorum. Yeni bir görüntü nesnesi atamadan bir resmi tutması gereken bir değişken oluşturabilir miyim? Yeni bir nesne oluştururken yeni dizi dizisini veya yeni nesneyi yeni bir nesne oluştururken atamanız gerekmediğini biliyorum. Görüntüyü eski bir yöntemde tutacağınız bir değişkene yeni görüntü atamak mı yoksa hala bunu yapmak zorunda mıyım?javascript

+0

Sen okumalı [ask] – Amit

cevap

1

new Array() = [] ve new Object() = {} için kestirme örnekler vardır, ama bilinen bir kestirme/kısayol new Image() için vardır. genişliğinde,

image = new Image([ width [, height ] ]) 

yeni bir img öğesi döndürür ve yükseklik alakalı argümanlar geçirilen değerleri ayarlamak öznitelikleri: Bu aslında bu kod W3C web sitesinden gelen HTML 5 spec bir parçasıdır , uygunsa.

bu linkten yeşil kutuyu bakın (hafifçe yukarı):

https://www.w3.org/TR/html5/embedded-content-0.html#dom-image Yani web üzerinde her JS örnek kod örneklerinde new Image() kullanıyor görünüyor. Ancak, bu el ile & özelliklerini atama gibi longhand kullanabilirsiniz. Bu klavye çiftleri zaten alınmış çünkü

var img = document.createElement('img'); 
img.src = '...'; 
img.height = 123; 
img.width = 456; 

O "()" gibi havalı değil: [], {} ve (). Bunlar sırasıyla dizi, nesne & işlev parametreleri içindir. Bu daha çok bir HTML etiketine benziyor: <>. Yani gerçekten klavyede hiçbir şey kalmıyor, bu da new Image() için kısayol/kısa yol için bir grup oluşturabilir. İşte

birkaç JS stenografi bağlantılar şunlardır:

  1. http://www.sitepoint.com/shorthand-javascript-techniques/
  2. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators
0

@Clomp iyi bir açıklama yapar. Ama bu bilgiyi nasıl kullanacağımıza dair başka bir örnek.

// Create new image element 
var image = new Image(100, 100); 

// Add an image source to element 
image.src = 'http://www.publicdomainpictures.net/pictures/130000/velka/blue-tit-bird-clipart.jpg'; 

// Output new image element to console 
console.log(image); 

// Add image element to body 
$('body').html(image); 

https://jsbin.com/medohiquti/edit?html,js,output