Skip to content

apalevich/Canvas-Control

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Canvas Control

Test task for the Front-end Developer JavaScript position

Create 2 canvases with a size of 600x600 and 600x50. Draw 5 5-point stars in the bigger canvas: fill the stars with red, blue, green, yellow and black colors. When clicking on a colored star you should fill the small canvas with the clicked star's color. By clicking on a white (not painted over) area in the larger canvas then you should fill the small canvas with white.

Requirements:

Do not use libraries or frameworks

Result:

Source code as HTML, CSS and JS files OR GitHub Pages


Тестовое задание для позиции Front-end Developer JavaScript

Создать 2 канваса 600x600 и 600x50, нарисовать в большем 5 закрашенных 5-и конечных звезд. Красного, синего, зеленого, желтого и черного цветов и по клику мышкой на цветной звезде - закрашивать маленький канвас - соответствующим цветом. При клике на белую (не закрашенную) область большого канваса - маленький канвас - закрашивать белым.

Требования

Не использовать библиотеки и фреймворки.

Результат

Исходники на JavaScript/CSS/HTML или GitHub Pages