Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Hartie igienica "parfumata"

The Witch: Part 2. The Other One ...

La multi ani @VerSus_88!
 La multi ani @RMC Info!

La multi ani @lupini!

La multi ani @Astrul!

La multi ani @Lex404!
 Probleme distincte cu 2 vecini l...

Cum pot afla daca o persoana are ...

Cum a fost posibil? Implicatii......

Actionare Geo-fence fara Internet
 Mitsubishi l200 probleme turometru

De ce este iconita Whatsapp turti...

22H2 - Nu reusesc bootarea

Oras sau sat?
 

Aspect interesant Canvas. Deosebiri intre metode de stilizare.

- - - - -
  • Please log in to reply
1 reply to this topic

#1
Rhesus

Rhesus

    Senior Member

  • Grup: Senior Members
  • Posts: 2,875
  • Înscris: 22.04.2014
Am remarcat un lucru destul de ciudat din punctul meu de vedere. Concret, dacă stilizăm Canvas-ul în modul acesta:
<canvas id="panza" style="border: 1px solid black;" width=300px height=300px > </canvas>


Nu avem nici o problemă. În ce sens? Am setat lățimea=lungimea=300px pt. pânza noastră.

Astfel, dacă avem un cod Javascript ca acesta:
var link=document.getElementById("panza");
var ob2=link.getContext("2d");
ob2.fillStyle="red";
ob2.fillRect(0,0,250,200);


Width si Height sunt corespunzătoare pt. obiectul nostru - dreptunghiul - (250 din 300 sunt luate pt. lățime, respectiv 200 din 300 sunt luate pt. lungimea obiectului). Poza1.

Dacă în schimb, definim width și heigh pt. canvas prin CSS adică eliminăm atributele width/heigh pt. elementul HTML canvas, introducându-le într-o foaie externă CSS (sau în cazul nostru, vom pune width/heigh in interiorul atributului style:

<canvas id="panza" style="border: 1px solid black; width:300px; height:300px" > </canvas>


Toată opera de artă se duce. Respectiv vedeți poza2. Width-ul rămâne totuși respectat, dar lungimea ... o trage în jos la mama sărăciei.

Care este explicația? Două metode de definire a lungimii/lățimii pt. un element HTML oferă două perspective diferite...
Mă gândesc că poate funcția .fillRect(a,b,c,d,) caută parametri c,d, între atributele canvas-ului și nu se uită și în CSS după acestea? Deși.. nu prea cred.

Attached Files

  • Attached File  1.jpg   1.35K   1 downloads
  • Attached File  2.jpg   1.39K   1 downloads

Edited by Rhesus, 06 September 2015 - 16:48.


#2
Ombilic

Ombilic

    Member

  • Grup: Members
  • Posts: 641
  • Înscris: 01.04.2011
atributele seteaza sistemul de coordonate al canvasului, css-ul stilizeaza containerul ce contine canvasul si iti intinde continutul cat ii zici tu.

http://stackoverflow...ight-properties

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate