zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Quadratisches Canvas mit CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.06.2016, 14:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2015
Beiträge: 4
curby23523 befindet sich auf einem aufstrebenden Ast
Standard Quadratisches Canvas mit CSS

Hallo,

ich habe grade Probleme mit dem skalieren eines Canvas.

Ein Canvas scheint eine default Höhe, sowie Breite zu haben, ungefähr 300x150px.

Ich füge nun ein Canvas auf meiner Seite ein, und gebe diesem einen prozentualen Höhenwert. Nun bleibt jedoch das Seitenverhältnis gleich - ich hätte aber gerne, dass die Breite den gleichen ABSOLUTEN Wert hat.

HTML-Code:
<style>
#beispiel{
  height:50%;
}
</style>
<canvas id="beispiel"></canvas>
Wenn ich per JavaScript die Höhe auslese und der Breite zuordner habe ich zwar ein quadratisches Canvas - jedoch wenn ich dieses anschließend mit JavaScript bemale bezieht sich das Javascript immernoch auf das ursprüngliche Seitenverhältnis. D.H. canvas.width != canvas.height, canvas.width = canvas.height*2.

Ein runder Kreis wird dann zur Elipse.

Kann mir da jemand helfen?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:05 Uhr.