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 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 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.

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