Canvas

Från Webbling
Version från den 24 augusti 2014 kl. 16.05 av PGJ (diskussion | bidrag) (Skapade sidan med 'Används för att skapa en region där man kan rita med hjälp av JavaScript. Kan t.ex. användas för att skapa webb-spel. För äldre webbläsare som inte stödjer detta...')
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

Används för att skapa en region där man kan rita med hjälp av JavaScript. Kan t.ex. användas för att skapa webb-spel. För äldre webbläsare som inte stödjer detta element kan man definiera vad som ska visas istället.

Tillgänliga attribut

De Globala attributen är tillgängliga för denna tagg.

width

Sätter bredden på regionen i CSS-pixlar, förvalet är 300. Kan även anges via CSS-regler.

height

Sätter höjden på regionen i CSS-pixlar, förvalet är 150. Kan även anges via CSS-regler.

Exempel

<canvas id="ritregion" width="800" height="400">
  Din webbläsare stödjer inte &lt;canvas&gt;-grafik.
</canvas>
</html>

Ovanstående skapar en tom grafikregion. För att göra något med den måste man koppla JavaScript till den.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#the-canvas-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/the-canvas-element.html#the-canvas-element