Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

заполнения HTML-холст методом ()

Холст Ссылка на объект объект Canvas

примеров

Нарисуйте прямоугольник 150 * 100 пикселей, а затем залейте его красным цветом, чтобы дать:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();

Попробуйте »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome и Safari заливка поддержка () метод.

Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.


Определение и использование

заполнения () метод заполняет текущее изображение (путь). По умолчанию цвет черный.

Совет: Используйте FillStyle свойство для заполнения другой цвет / градиент.

Примечание: Если путь не закрыт, метод заполнения () , чтобы добавить путь к конечной точке линии между начальной точкой , чтобы закрыть путь (как closePath () то же самое), а затем заполнить путь.

Синтаксис JavaScript: Контекст .Нанести ( );


Холст Ссылка на объект объект Canvas