• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wyostrzenie canvas

Object Storage Arubacloud
0 głosów
403 wizyt
pytanie zadane 9 lipca 2015 w JavaScript przez Anonim Mądrala (6,000 p.)

Witam,

mam taki kod:

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>Canvas</title>
</head>
<body style="margin: 0 !important;">
	<canvas id="canvas" style="width: 100%; height: 100%;"></canvas>
	<script>
		var c=document.getElementById("canvas");
		var ctx=c.getContext("2d");
		
		ctx.strokeRect(0,0,10,10);
		ctx.fillText("a",100,100);
	</script>
</body>
</html>

Wygląda to tak:

Chciałbym, aby nie było to tak rozmazane, wie ktoś jak to zrobić?

Z góry dziękuję.

Pozdrawiam

2 odpowiedzi

+1 głos
odpowiedź 9 lipca 2015 przez rafal.budzis Szeryf (85,260 p.)

Zrób tak

<canvas id="canvas" width="200" height="200></canvas>

Pole do rysowania musi mieć stałą wielkość (nie procentową) możesz je powiekszyć przez JSa

+1 głos
odpowiedź 9 lipca 2015 przez Comandeer Guru (601,550 p.)
edycja 9 lipca 2015 przez Comandeer

Jest rozmazane, bo CSS skaluje canvas - jeśli nie poda się wymiarów w [width] i [height] to canvas bierze domyślne (300x150). Zatem jeśli se skalujesz w CSS to to po prostu rozmazuje.

Na chwilę obecną jest jedynie to: http://stackoverflow.com/a/11751817

Podobne pytania

0 głosów
1 odpowiedź 347 wizyt
pytanie zadane 6 września 2017 w JavaScript przez DODO Bywalec (2,950 p.)
0 głosów
1 odpowiedź 918 wizyt
pytanie zadane 8 lipca 2015 w JavaScript przez LogicznyMat Użytkownik (940 p.)
+2 głosów
1 odpowiedź 225 wizyt
pytanie zadane 16 kwietnia 2015 w HTML i CSS przez nefil1m Stary wyjadacz (10,690 p.)

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...