diff options
Diffstat (limited to 'files/uk/web/api/htmlimageelement/image/index.html')
| -rw-r--r-- | files/uk/web/api/htmlimageelement/image/index.html | 117 |
1 files changed, 0 insertions, 117 deletions
diff --git a/files/uk/web/api/htmlimageelement/image/index.html b/files/uk/web/api/htmlimageelement/image/index.html deleted file mode 100644 index 1477430aae..0000000000 --- a/files/uk/web/api/htmlimageelement/image/index.html +++ /dev/null @@ -1,117 +0,0 @@ ---- -title: Image() -slug: Web/API/HTMLImageElement/Image -tags: - - Constructor - - DOM - - HTML DOM - - HTMLImageElement - - Довідка -translation_of: Web/API/HTMLImageElement/Image ---- -<div>{{ APIRef("HTML DOM") }}</div> - -<div>Конструктор <strong><code>Image()</code></strong> створює новий примірник {{domxref("HTMLImageElement")}}. Наслідком є те саме, що й для {{domxref("Document.createElement()", "document.createElement('img')")}}.</div> - -<h2 id="Синтаксис">Синтаксис</h2> - -<pre class="brush: js"><span style="font-family: courier new,andale mono,monospace; line-height: normal;">new Image(width, height</span><span style="font-family: courier new,andale mono,monospace; line-height: normal;">)</span></pre> - -<h3 id="Параметри">Параметри</h3> - -<dl> - <dt>width {{optional_inline}}</dt> - <dd>Ширина зображення (визначає значення атрибута {{htmlattrxref("width", "img")}}).</dd> - <dt>height {{optional_inline}}</dt> - <dd>Висота зображення (визначає значення атрибута {{htmlattrxref("height", "img")}}).</dd> -</dl> - -<h2 id="Приклади">Приклади</h2> - -<p>У наведеному прикладі створюється елемент <code><img></code> завбільшки 100x200, до нього завантажується якесь зображення та додається до тіла документа:</p> - -<pre class="brush: js">var image = new Image(100, 200); -image.onload = function() { - // Додати у DOM - document.body.appendChild(image); -}; -image.src = '/assets/зразок.png';</pre> - -<p>Того ж можна досягти оголошенням такого HTML-елемента просто всередині {{htmlelement("body")}}:</p> - -<pre class="brush: html"><img width="100" height="200" src="/assets/зразок.png"></pre> - -<p>Але перевагою створення <code><img></code> за допомогою конструктора <code>Image()</code> є можливість додати зображення у DOM лише після його завантаження (завдяки обробникові події <code>load</code>).</p> - -<h2 id="Специфікації">Специфікації</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Специфікація</th> - <th scope="col">Статус</th> - <th scope="col">Коментар</th> - </tr> - <tr> - <td>{{SpecName("HTML WHATWG", "embedded-content.html#dom-image", "Image()")}}</td> - <td>{{spec2("HTML WHATWG")}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Підтримка_веб-переглядачами">Підтримка веб-переглядачами</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Android Webview</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - <td>{{compatversionunknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p> </p> |