Ինչ է HTML5-ում canvas տարրը։

HTML5-ի <canvas> տարրը գրաֆիկա նկարելու համար նախատեսված կոնտեյներ է, որը օգտագործվում է սցենարների (հատկապես JavaScript) միջոցով: Այն թույլ է տալիս ստեղծել դինամիկ վիզուալիզացիաներ, խաղեր և անիմացիաներ անմիջապես բրաուզերում՝ առանց պլագինների:

Հիմնական ասպեկտներ՝

• Պիքսել-պիքսել նկարում: Աշխատում է պիքսել մակարդակով, տրամադրելով ամբողջական վերահսկողություն յուրաքանչյուր պատկերային տարրի վրա:
• API օգտագործում: Ինտերակցիան <canvas>-ի հետ կատարվում է ռենդերային API-ի միջոցով, ամենատարածվածը 2d կոնտեքստն է՝ երկչափ գրաֆիկայի համար: Կա նաև webgl 3D-ի համար:
• Դատարկ կտավ: <canvas> տարրը պարզապես կոնտեյներ է, և բոլոր նկարագրությունները կատարվում են ծրագրային կերպով:

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>

// Ստանում ենք `<canvas>` տարրը
const canvas = document.getElementById('myCanvas');

// Ստանում ենք 2D ռենդերային կոնտեքստ
const ctx = canvas.getContext('2d');

// Նկարում ենք ուղղանկյուն
ctx.fillStyle = "#FF0000"; // Լրացման գույն
ctx.fillRect(0, 0, 150, 75); // x, y, լայնություն, բարձրություն

Հնարավորություններ՝

• Պրիմիտիվ ձևեր (գծեր, ուղղանկյուններ, շրջաններ, թեքահարթակներ)
• Տեքստ
• Պատկերներ
• Գրադիենտներ և օրինակներ
• Ճանապարհներ (path)՝ բարդ ձևեր նկարելու համար։