Jeden piksel

Postawiłem sobie nie dawno programistyczne zadanie - narysować biały ekran a na nim zaświecić (albo wygasić) jeden piksel. Postawiłem je sobie aby nauczyć się w JavaScript walczyć z grafiką, ale skoro przeszedłem z blogiem na HTML5 to mogę coś pocudować w SVG.

No to próbuję.

Próba w SVG

<svg width="50px" height="50px" style="background-color: #aaa;" >

<rect x="10px" y="10px" width="1px" height="1px"
            stroke= "black"
            stroke-width= "1px"/>

<circle cx="20px" cy="20px" r="1px"
            stroke="red" 
            stroke-width="1px"/>

<line x1="30px" y1="30px" x2="31px" y2="31px"
            stroke="red" 
            stroke-width="1px"/>
</svg>

No nie wiem, czy to można zaliczyć. Chyba nie.

Niestety, widać, że piksel zrobiony z kwadratu jest kwadratem, z koła kołem (nawet ma wypełnienie jak go powiększyć w przeglądarce, a z linii jest pikselem skierowanym w dół. Ale w SGV nie ma komendy punkt i to jest dziwne.

Niezaliczono!

Ale próbuję w CANVAS

Your user agent does not support the HTML5 Canvas element.

Jeżeli powyżej nie widać czarnego kwadratu to niezaliczono!

Próbuję po prostu DIV w HTML5

Maluje żółtego DIV 100 na 100 a w nim niebieskiego 1 na 1 i zobaczymy:

Kategorie: html, informatyka, _blog

Słowa kluczowe: svg, canvas, html, informatyka, grafika, html5, piksel, pixel

Komentarze: (2)