Pereiti prie turinio

(PAGALBA) Kodavimas

cetex

Sukūrė cetex
Programuotojų kampas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

TomasAchmedovas

TomasAchmedovas 17

Atrašyta
Atrašyta (redaguota)

Nemėginai canvas? http://www.w3schools.com/html/html5_canvas.asp Pats nebandęs tai negaliu sakyt ar tinka.

 

EDIT

 

Gali patogiai išdėliot elementus kaip nori:

 

<!DOCTYPE html>
<html>
<body>

<p>Image to use:</p>
<img id="scream" src="img_the_scream.jpg" alt="The Scream" width="220" height="277"><p>Canvas:</p>
<canvas id="myCanvas" width="500" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

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

ctx.drawImage(img,180,-50);
ctx.drawImage(img,-80,80);
ctx.drawImage(img,220,100);

</script>

</body>
</html>

Redagavo TomasAchmedovas
Nuoroda į pranešimą
Dalintis kituose puslapiuose
mantys89

mantys89 24

Atrašyta
Atrašyta (redaguota)

Nemėginai canvas? http://www.w3schools...tml5_canvas.asp Pats nebandęs tai negaliu sakyt ar tinka.

 

Canvas palaiko ne visos naršyklės todėl reikės naudoti įvairius Polyfills ir Shims.

 

Na maniau tokiu klausimu neiskils, nes galima paziureti source :D Naudoju position, ir nustatau img pasitelkent top ir left kordinates

 

Sorry source code nežiūrėjau biggrin.gif Tuoj pažiurėsiu, kas ten pas tave padaryta rolleyes.gif

 

EDIT: Visos naršyklės turi default styles, jie būna skirtingi kiekvienoje naršyklėje, todėl tau reikia resetinti CSS

Redagavo mantys89
Nuoroda į pranešimą
Dalintis kituose puslapiuose
cetex

cetex 1

Atrašyta
  • Autorius
Atrašyta

Nemėginai canvas? http://www.w3schools.com/html/html5_canvas.asp Pats nebandęs tai negaliu sakyt ar tinka.

 

EDIT

 

Gali patogiai išdėliot elementus kaip nori:

 

<!DOCTYPE html>
<html>
<body>

<p>Image to use:</p>
<img id="scream" src="img_the_scream.jpg" alt="The Scream" width="220" height="277"><p>Canvas:</p>
<canvas id="myCanvas" width="500" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

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

ctx.drawImage(img,180,-50);
ctx.drawImage(img,-80,80);
ctx.drawImage(img,220,100);

</script>

</body>
</html>

 

 

Atrodo neblogai, reikes pameginti ir sita varijanta. Gal dar kokiu varijantu turit?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
TomasAchmedovas

TomasAchmedovas 17

Atrašyta
Atrašyta (redaguota)

Canvas palaiko ne visos naršyklės todėl reikės naudoti įvairius Polyfills ir Shims.

 

 

Hmm.

 

Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the <canvas> element.

Note: Internet Explorer 8 and earlier versions, do not support the <canvas> element.

 

Rašo, kad veikia, bet kaip sakiau su juo nedirbęs ir tiksliai pasakyt negaliu ;)

Redagavo TomasAchmedovas
Nuoroda į pranešimą
Dalintis kituose puslapiuose
mantys89

mantys89 24

Atrašyta
Atrašyta (redaguota)

Hmm.

 

Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the <canvas> element.

Note: Internet Explorer 8 and earlier versions, do not support the <canvas> element.

 

Rašo, kad veikia, bet kaip sakiau su juo nedirbęs ir tiksliai pasakyt negaliu ;)

 

IE 8 veikia canvas, bet reikia papildomai hack'inti, kažkur buvau pvz. radęs.

Redagavo mantys89
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...