Последние учебники веб-разработки

×

JavaScript Справка

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration

HTML canvas fillRect() Method

<Холст объекта

пример

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

Попробуй сам "

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

Числа в таблице указать первую версию браузера, который полностью поддерживает метод.

метод
fillRect()	4,0	9,0	3,6	4,0	10,1

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

fillRect() Метод рисует "filled" прямоугольник. По умолчанию цвет заливки черный.

Tip: Используйте FillStyle свойство , чтобы установить цвет, градиент или шаблон , используемый для заполнения чертежа.

Синтаксис JavaScript:	context . fillRect( x,y,width,height ) ;

Значения параметров

параметр	Описание	Сыграй
x	Х-координата верхнего левого угла прямоугольника	Сыграй "
y	У-координата верхнего левого угла прямоугольника	Сыграй "
width	Ширина прямоугольника в пикселях	Сыграй "
height	Высота прямоугольника в пикселях	Сыграй "

<Холст объекта