2011-09-26 104 views
1

我想使用的createElement(「IMG」)來創建的,而不是png格式使用的createElement( 'IMG')來獲取JPEG格式代替png格式

According to Flanagan's book JavaScript: The Definitive Guide: Activate Your Web Pages By David Flanagan,

對於.JPEG擴展JPEG圖像類型,第二個參數應該是一個數字0 和1指定圖像質量水平之間。

我不知道該代碼的語法是什麼。

是這樣的嗎?

createElement("img",1) 
+0

當你創建一個元素,它實際上並沒有形成圖像。它創建一個可以保存圖像的HTML元素。您必須指定該圖像的路徑。 你究竟想要做什麼? –

+0

您確實必須購買該書才能獲得上一頁,因爲createElement沒有「type」屬性。弗拉納根指的是不同的功能。 –

回答

4

這本書講的是html5的canvas標籤,特別是它的.toDataURL方法。

我想你想要做的事,如:

var img = document.createElement('img'); 
img.src = 'myImageSource.jpg'; 

在這種情況下,它是由Web服務器提供的形象和它的類型信息發送到Web瀏覽器。

+0

如果我想要jpeg,它會是'img.src ='myImageSource.JPEG';' –

+0

@garbagecollection,這取決於您保存圖像的內容是什麼?通常JPG文件保存爲'your_file_name.jpg',儘管您需要檢查。 – James

+0

是的,我在那裏有點誤導,修正(將假文件名改爲.jpg) – James

3

The book,你指的似乎是在談論canvas API(see this),接受typequality參數的toDataURL方法。

您可以使用document.createElement而不用擔心MIME類型或質量。

0

你可以使用setAttrebure()方法或內置的'src'屬性。

var img = document.createElement('img'); 
img.setAttibute('src', 'img.jpg'); 
document.body.appendChild(img); 

或使用

var img = document.createElement('img'); 
img.src = "img.jpg"; 
document.body.appendChild(img);