2016-04-06 5 views
0

私はの新しい画像を理解しようとしています。新しいイメージオブジェクトを割り当てずにイメージを保持するはずの変数を作成することはできますか?配列を作成するときに新しい配列を割り当てるか、新しいオブジェクトを作成する新しいオブジェクトを割り当てる必要はありません。古いメソッドでイメージを保持する変数に新しいイメージを割り当てるか、まだそれを行う必要がありますか?JavaScriptで変数に新しい画像を割り当てないとどうなるのですか

+0

[尋ねます] – Amit

答えて

1

new Array() = []と= {}new Object()のための速記例があるが、new Image()には既知の省略/ショートカットがありません。幅で、

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

が新しいIMG要素を返しますし、高さは に関連する引数で渡された値を設定する属性:それは実際にこのコードは、W3CのWebサイトから来ているHTML 5仕様の一部であり、 、 該当する場合。

が(少しスクロールアップ)このリンクにある緑色のボックスを参照してください:https://www.w3.org/TR/html5/embedded-content-0.html#dom-image

ように、Web上のすべてのJSの例では、コード例でnew Image()を使用しているようです。しかし、これには&のように長さを使うことができます。これらのキーボードのペアが既に取られているので

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

それは、 "()" のようにクールではありません:[]{}()を。それらはそれぞれ配列のオブジェクトであり、オブジェクトのそれぞれは&です。これはHTMLタグのように見えます:<>。だからキーボードには何も残っていないので、ショートカット/グループのグループを作成してnew Image()の略語を作成することができます。ここで

は数JS速記リンクです:

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

@Clompは良い説明を行います。しかし、ここでこの知識を使用する方法のもう一つの例があります。あなたが読まなければならない

// 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

関連する問題