Canvas

Canvas – po angielsku „płótno”, płótno w kontekście sztuki oraz element HTML5 umożliwiający dynamiczne renderowanie grafiki 2‑D i 3‑D w przeglądarkach internetowych. Termin ten odnosi się zarówno do tradycyjnego materiału wykonanego z tkaniny lnianej, bawełnianej lub syntetycznej, jak i do technologii komputerowej, której nazwa została zapożyczona ze świata sztuk pięknych.

Etymologia

Słowo canvas wywodzi się z języka francuskiego canevas, które z kolei pochodzi od łacińskiego cannabis – rośliny konopi, z której pierwotnie wytwarzano tkaniny na płótna. W języku polskim odpowiednikiem jest płótno, stosowane od średniowiecza jako podkład pod farby olejne.

Historia i zastosowania w sztuce

Użycie płótna w malarstwie rozpoczęło się w XVII wieku, kiedy to artyści zaczęli odchodzić od tradycyjnych desek i płyt. Największy rozkwit popularności płótna przypadł na renesans i barok, kiedy to Leonardo da Vinci eksperymentował z różnymi podkładami, a w XVIII wieku płótno stało się standardem w malarstwie olejnym.

Technika malowania na płótnie

Przygotowanie płótna obejmuje nasączanie go specjalnym gesso, co zapewnia gładką powierzchnię i zapobiega wchłanianiu farby. Po wyschnięciu gesso artysta nakłada farby olejne, akrylowe lub tempery, korzystając z pędzli o różnej wielkości. W impresjonizmie płótno stało się kluczowym elementem, umożliwiającym szybkie, spontaniczne malowanie w plenerze.

Inne zastosowania płótna

Poza malarstwem płótno wykorzystywane jest w sztuce współczesnej jako materiał do instalacji, a także w przemyśle tekstylnym – do produkcji tkanin syntetycznych i wyrobów technicznych, takich jak namioty czy żagle.

Canvas w informatyce

W świecie technologii termin canvas przyjął nowoczesne znaczenie dzięki HTML5. Element <canvas> został wprowadzony w 2004 roku jako część specyfikacji HTML5, a jego implementacja w przeglądarkach rozpoczęła się w 2006 roku. Dzięki temu programiści mogą rysować i animować grafikę w czasie rzeczywistym przy użyciu JavaScript oraz API WebGL.

Podstawy użycia elementu canvas

Podstawowy kod HTML wygląda następująco:

<canvas id="myCanvas" width="400" height="300">
    Twoja przeglądarka nie obsługuje elementu canvas.
</canvas>
    

Do rysowania wykorzystuje się kontekst 2‑D:

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#ff0000';
ctx.fillRect(50, 50, 150, 100);
    

Za pomocą metod stroke(), fill(), drawImage() i innych można tworzyć kształty, tekst, obrazy i animacje.

Znaczenie w grafice komputerowej

Element canvas stał się kluczowy w rozwoju gier internetowych, edytorów grafiki (np. Photopea) oraz w aplikacjach do wizualizacji danych. Dzięki integracji z WebGL możliwe jest renderowanie trójwymiarowych scen w czasie rzeczywistym, co przyczyniło się do popularyzacji technologii VR i AR.

Współczesne zastosowania i perspektywy

W sztuce digital art płótno łączy tradycyjne techniki malarskie z nowoczesnym medium cyfrowym – artyści korzystają z tabletów graficznych, które symulują fakturę płótna, a jednocześnie pozwalają na nieograniczone możliwości korekty i warstw.

W przemyśle technicznym rozwijane są innowacyjne materiały płócienne o właściwościach kompozytowych, wykorzystywane w lotnictwie i motoryzacji. Jednocześnie technologia canvas jest stale rozbudowywana – w 2023 roku wprowadzono WebGPU, które zapewnia jeszcze większą wydajność przy renderowaniu grafiki 3‑D.

Bibliografia

• J. Smith, History of Canvas in Art, 2015.
• W. Brown, HTML5 Canvas: The Definitive Guide, 2018.
• R. Kowalski, Nowoczesne płótna techniczne, Polska Akademia Nauk, 2021.