Canvas: Skillnad mellan sidversioner
Från Webbling
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...') |
PGJ (diskussion | bidrag) |
||
| Rad 7: | Rad 7: | ||
Sätter höjden på regionen i CSS-pixlar, förvalet är 150. Kan även anges via CSS-regler. | Sätter höjden på regionen i CSS-pixlar, förvalet är 150. Kan även anges via CSS-regler. | ||
== Exempel == | == Exempel == | ||
<codepen pen="NqMrax" tab="html" height="200> | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<canvas id="ritregion" width=" | <canvas id="ritregion" width="200" height="100"> | ||
Din webbläsare stödjer inte <canvas>-grafik. | Din webbläsare stödjer inte <canvas>-grafik. | ||
</canvas> | </canvas> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Ovanstående skapar en tom grafikregion. För att göra något med | </codepen> | ||
Ovanstående skapar en tom grafikregion. Om användarens webbläsare inte stödjer <code>canvas</canvas>, visas texten "Din webbläsare stödjer inte <canvas>". För att göra något vettigt med <code>canvas</code> måste man använda sig av [[JavaScript]]. | |||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === | ||
Versionen från 9 juli 2015 kl. 13.47
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
Ovanstående skapar en tom grafikregion. Om användarens webbläsare inte stödjer canvas</canvas>, visas texten "Din webbläsare stödjer inte <canvas>". För att göra något vettigt med canvas måste man använda sig av JavaScript.
Referenser
Taggens definition i WHATWGs levande HTML-standard
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/the-canvas-element.html#the-canvas-element