Autorius Tema: HTML5 Canvas panaudojimas - stroke  (Skaityta 2735 kartus)

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
HTML5 Canvas panaudojimas - stroke
« Įrašytas: 2012-05-23 21:41:32 pm »
Sveiki,
Taigi iš neturėjimo ką veikti, nusprendžiau pasimokyti HTML5 canvas :) Na ir štai ką su juo padariau :)
Kam neaišku, tai funkcijos manau viską nusako ;)

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

// *
ctx.moveTo(10,60);
ctx.lineTo(10,10);
ctx.lineTo(25,60);
ctx.lineTo(40,10);
ctx.lineTo(40,60);

// **
ctx.moveTo(65,10);
ctx.lineTo(50,60);
ctx.moveTo(65,10);
ctx.lineTo(80,60);
ctx.moveTo(55,45);
ctx.lineTo(77,45);

// ***
ctx.moveTo(90,60);
ctx.lineTo(90,10);
ctx.lineTo(105,60);
ctx.lineTo(105,10);
// ****
ctx.moveTo(115,10);
ctx.lineTo(115,60);
ctx.lineTo(130,60);
ctx.lineTo(130,10);
// *****
ctx.moveTo(155,10);
ctx.lineTo(140,60);
ctx.moveTo(155,10);
ctx.lineTo(170,60);
ctx.moveTo(145,45);
ctx.lineTo(165,45);
// ******
ctx.moveTo(180,10);
ctx.lineTo(180,60);
ctx.lineTo(195,60);
// *******
ctx.moveTo(220,10);
ctx.lineTo(205,60);
ctx.moveTo(220,10);
ctx.lineTo(235,60);
ctx.moveTo(210,45);
ctx.lineTo(230,45);
// ********
ctx.moveTo(240,10);
ctx.lineTo(240,60);
ctx.stroke();

</script>

</body>
</html>

Tiesiog HTML kodas, kurį įsikelkite kur norite :)

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #1 Įrašytas: 2012-05-23 22:04:51 pm »
galetum susikurti koki psl blg.lt ir deti ten visokius pvz ;)
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #2 Įrašytas: 2012-05-23 22:07:07 pm »
Na čia tiesiog buvo toks pasižaidimas :)
O kas dėl puslapio, tai galvoju ten susikurti blog'ą kokį, bet vėlgi kam man tada bus m-p.lt reikalingas :D Na nežinau, žiūrėsiu dar ;)

Neprisijungęs d2b

  • Naujokas
  • *
  • Įrašai: 45
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #3 Įrašytas: 2012-05-24 07:03:22 am »
Kadangi esu žalias, galvoju reikia pažiūrėti, kas gausis kai išsaugosiu *.html formatu.

Ale rezultatas kaip supratau buvo gautas panašiai kaip kokiam autokade braižant linijas, nurodant iš kokio į kokį tašką judėti.  :)


Manualai.lt Forumas

Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #3 Įrašytas: 2012-05-24 07:03:22 am »

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #4 Įrašytas: 2012-05-24 08:00:30 am »
Taip :) Principas toks pat buvo panaudotas ;)
Žinoma, dabar darysiu biškiuką kitokią sistemą, kuri pati turėtų automatiškai rašyti tekstą :)

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #5 Įrašytas: 2012-05-24 08:13:57 am »
Na čia tiesiog buvo toks pasižaidimas :)
O kas dėl puslapio, tai galvoju ten susikurti blog'ą kokį, bet vėlgi kam man tada bus m-p.lt reikalingas :D Na nežinau, žiūrėsiu dar ;)

gali savo domena priparkuoti prie blg ir naudosi tada blg tik kaip host'a ;)

ziurejai google experiments su canvas?
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs Modestas Vaitkevičius

  • Dalyvis
  • **
  • Įrašai: 2007
  • Karma: +57/-16
    • Žiūrėti profilį
    • Apie mane
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #6 Įrašytas: 2012-05-24 08:22:48 am »
Kol kas serveris užpirktas metams į priekį... Gaila

Nea, nežiūrėjau :)

Neprisijungęs vitalikaz

  • Dalyvis
  • **
  • Įrašai: 895
  • Karma: +59/-2
  • Tikėk kuo tiki
    • Žiūrėti profilį
    • blast.lt
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #7 Įrašytas: 2012-05-24 09:08:12 am »
Rašau dabar savo bakalaurinį darbą apie html5 canvas ir skirtingus animacijos įgyvendinimo metodus jame. Po ginimo galbūt pasidalinsiu :)

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #8 Įrašytas: 2012-05-24 10:38:54 am »
Kol kas serveris užpirktas metams į priekį... Gaila

Nea, nežiūrėjau :)


tai paziurek ;)

http://www.chromeexperiments.com/detail/cube/?f=
http://www.chromeexperiments.com/tag/highest-rated/

cia su ivairiomis www technologijomis, bet kai kurie ekspermentai yra ir su canvas, atidarius ekspermenta yra surasyta su kuo padaryta.
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Ats: HTML5 Canvas panaudojimas - stroke
« Atsakymas #8 Įrašytas: 2012-05-24 10:38:54 am »