Canvas wird nicht angezeigt?

Guten Tag, ich versuche gerade eine JS Canvas resposnive zu machen und habe dabei einen div conatiner benutzt. Alles hat funktioniert außer das Skalieren der Canvas.

Ich dachte es liegt vielleicht an dem div Container, also habe ich diesen zu einem canvas tag geändert.
Jetzt wird der Inhalt der Canvas gar nicht angezeigt. In der Konsole sthet zwar, dass dies vorhanden ist, aber man sieht keinen Inhalt.

Woran liegt das?

Grüße Alex

25.06.2020, 23:09

Ergänzung

2 Antworten

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

26.06.2020, 04:58

Elemente, die in ein canvas-Element geschachtelt werden, werden nicht angezeigt. Das ist bei dir der Fall. Du fügst dein canvas, auf dem du zeichnest, in ein bestehendes canvas-Element (#canvas) ein.

<canvas id="canvas>
  <canvas></canvas>
</canvas>

Nimm also das section-Element mit der ID border als Elternelement. Das canvas-Element in deinem Markup kannst du entfernen, du brauchst es ja nicht.

Wenn du dein canvas-Element mit der ID canvas ausstatten möchtest, verwende die id-Funktion. Andernfalls reicht es im CSS auch, mit einer Selektorkombination wie #border > canvas zu arbeiten.

VybsGF

Beitragsersteller

26.06.2020, 11:39

Ah das wusste ich nicht, vielen Dank.

0

25.06.2020, 22:56

Willst du uns mal deinen Code teilen?

Aber wenn du es schon in die Konsole geschafft hast, kannst du doch einfach die HTML Elemente untersuchen und schauen, woran es liegen könnte

VybsGF

Beitragsersteller

25.06.2020, 23:10

Code wurde ergänzt.
Ich habe leider keine Ahnung woran es liegen könnte, weil der einzige Unterschied ist, dass da anstatt div, canvas steht

0

codinghelp

25.06.2020, 23:13

Als Text bitte... :D

0

Dory1

25.06.2020, 23:39

Es hilft nicht einen winzigen Codeschnipsel zu zeigen. Wir wissen nicht wie die Funktion createCanvas definiert ist und wann sie aufgerufen wird. Was ist bspw. ihr Rückgabewert? Ein Canvas-Element scheint es ja nicht zu sein.

Hier kann niemand hellsehen.

1

Ähnliche Beiträge

Inhalt aus Div-Container auslesen

Hallo, ich möchte aus einem Div den Inhalt auslese.

    <form action="index.php?note=1" method=post >           
        <div id="myNicPanel" style="width: 100%;"></div>
        <div value=" " id="myInstance"  style=" width: 100%;"><!--Alles was hier drin steht würde ich gerne in einer Variable speicher--></div>
    
    <button type="submit">Änderungen Speichern</button>
    
    </form>

Mein frage nun wie kann ich das machen?

Wie macht man eine HTML Webseite responsive?

Ich habe in einem div Container zwei div Container nebeneinander.

Wenn man die Webseite vom Handy aus öffnet, sollen die zwei div Container welche nebeneinander sind übereinander angezeigt werden, ansonsten sieht der Text echt schlecht aus, wie kriege ich das hin?

Aus Div-Container Inhalt per JavaScript auslesen?

Hallöchen,

Ich hab einen Link, wenn ich da drauf klicke möchte ich dass dem div ein String hinzugefügt wird. Der Link wird folgender Masen erzeugt:

<a href="javascript:aktion()">Link</a>

weiter oben steht dann das javascript:

function aktion() { document.getElementById('abl').innerHTML = document.getElementById('abl').innerHTML + "\n" + "hinzugefügt";}

der Div sieht so aus:

<div id="abl" style="background-color: #E6E6E6; position:absolute; top: 200px; right: 100px; height: 300px; width: 200px;">

Plan

</div>

wenn ich jetzt auf den Link klicke, steht in dem Div: undefined hinzugefügt

Woran liegt das?

LG Checker0408

CSS/JS - automatisch hoch scrollen nach x Sekunden?

Hallo,

ist es möglich (und wie?) das wenn ein User ein DIV-Container runter scrollt, dass nach einer bestimmten Zeit automatisch wieder hochgescrollt wird damit der nächste User von oben anfängt?

Danke

Html div anordnen?

Hallo, ich habe mehrere Container, welche nebeneinander, bzw. untereinander platziert

werden sollten. Das problem liegt darin, dass wenn ein Container zu groß ist werden bei den kleineren Container platz gelassen. Wie kann man das vermeiden?

CSS hover Effekte sollen nach aktivien bleiben?

Ich habe z.B. einen div-Container und mache einen hover-Effekt, dass er breiter wird. Jetzt will ich, dass dies so bleibt, bis man die Seite halt neu lädt. Geht das nur mir CSS oder braucht man JS? Danke im Voraus :)

Abstand zwischen zwei Div-Containern verhindern HTML?

Ich habe zwei Div-Container mit display: inline-block; padding: 0; margin: 0; aber es befindet sich trotzdem ein Abstand zwischen ihnen. Woran liegt das?

hoffe auf Hilfe,

Bohne47

Blender Objekt wird in der Cam nicht ganz angezeigt?

Gibt es eine andere Option als das ganze einfach runter zu skalieren? Ich weiß das es an der größe liegt aber will es nicht runter skalieren kann irgendwie die sichtweite der Kamere erhöhen?

Python Selenium XPath nach Inhalt?

Hallo zusammen
Ich programmiere gerade einen Bot mit Python Selenium und möchte ein Element nach dessen Inhalt finden. Nun habe ich driver.find_element_by_xpath("//*[contains(text(), '1')]"). Nun sollte dieses Element angeklickt werden, doch es funktioniert nicht. Als error Meldunug kommt: 'list' object has no attribute 'click'.
Ich befürchte, dass nicht dieses div objekt ausgewählt wurde, welches ich wollte. Wie könnte ich das beheben?

Wie kann sich durch Javascript/HTML der Bereich A beim Aufklappen von Bereich B automatisch schließen, siehe CodeBSP?

Von Seitenanfang bis Head-Ende habe ich folgendes stehen, die spitzen klammern wurden im CodeBSP nicht angezeigt, stattdessen solch ein unverständlicher "& l t ;"-Quatschsinn:

html
    head
        title
            Meine Geichte-Bibliothek
        /title

        script type="text/javascript"
            function toggle(id){
                var e = document.getElementById(id);

                if (e.style.display == "none"){
                  e.style.display = "";
                } else {
                  e.style.display = "none";
                }
            }
        /script
    /head

Und folgendes CodeSP habe ich im BODY stehen:

a href="javascript:toggle('f0100')" I. Gedichte von Goethe /a  div id="f0100" style="display: none"

a href="javascript:toggle('f0101')" 01. Epirrhema /a  div id="f0101" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0102')" 02. Gefunden /a  div id="f0102" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0103')" 03. Erlkönig /a  div id="f0103" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0104')" 04. Das Göttliche /a  div id="f0104" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0105')" 05. Heydenröslein /a  div id="f0105" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0106')" 06. Osterspaziergang /a  div id="f0106" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0107')" 07. Prometheus /a  div id="f0107" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0108')" 08. Selige Sehnsucht /a  div id="f0108" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0109')" 09. Verschwiegenheit /a  div id="f0109" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0110')" 10. Willkommen und Abschied /a  div id="f0110" style="display: none" Text folgt /div  br
a href="javascript:toggle('f0111')" 11. Zauberlehrling /a  div id="f0111" style="display: none" Text folgt /div  br

/div

Viele aufklappbare Gedichte stehen unter einem aufklappbaren Titel, dem Namen des jeweiligen Verfassers, wie Goethe, Schiller, Lessing usw. Wie kann ich es bewerkstelligen, dass sich beim Öffnen von Schiller der Bereich Goethe automatisch schließt, ohne auf irendwelcherlei externe .js-Dateien verlinken zu müssen? Ich gestehe, dass ich gewissermaßen, zumindest was JS-Belange angeht, eher ein ScriptKiddie bin. Ich habe auch einiges über Hover, also Drübergleiten mit Maus gelesen, aber um euch gegenüber ehrlich zu sein nur Bahnhof und Bratkartoffeln verstanden :(

Das habe ich denn nun davon, dass unser Informatik-Lehrer damals nur immer über Ufos und Verschörungstheorien fabulierte, anstatt uns handfesten Unterrichtsstoff über Javascript, jQuery und PHP einzuprügeln .. :// .. sniff

Falls mir jemand leicht erklärlich / verständlich da bei diesem Code helfen könnte, würde mich das wirklich S E H R freuen.

Liebe Grüße und ein schönes Wochenende.

@-}-}--- Matthias :)

Div ohne Position im Vordergrund?

Hallo. Ich versuche gerade auf einer Webseite ein div in den Vordergrund zu verschieben. Das Problem bei der ganzen Sache ist:

Es hat keine Position. Über den normalen weg des z-index ist also erstmal nichts zu machen.
Es liegt etwa folgende Struktur vor:
Soll oben Liegen Ist eine Js Animation welche über allem liegt aber von manchen Objekten überlappt werden soll

Gibt es dafür eine schon bestehende Lösung?

Danke!

Wie kann ich mit JS ein div mit der zugehörigen ID erstellen?

Ich habe das Problem, dass ich mit dem Befehl:

document.getElementById("main_div").innnerHTML = "<div></div>"

ein neues div-Element (auf einer bereits leeren Seite) erstellen möchte. Das hat mit dem obenstehenden Befehl auch gut geklappt. Jetzt wollte ich aber dem div noch eine ID hinzufügen. Das habe ich wie folgt versucht:

document.getElementById("main_div").innnerHTML = "<div id="evaluation"></div>"

Das hat nicht geklappt. Ich gehe davon aus, dass das Problem bei den gedoppelten Anführungsstrichen liegt.

Gibt es dafür eine Lösung?

Danke im Voraus!

Einzelne Website mit passwort schützen?

Ich möchte um es kurz zu machen eine einzelne seite (nichts wichtiges) mit einem einfachem Passwort schützen. Bitte kein MySQL oder PHPMyAdmin. Am besten ist etwas, dass ich einfach in die HTML Datei in den Div Container einbinden kann, um nur diesen einen Bereich, der den Inhalt anzeigt zu verschlüsseln, sodass links das menü zum Beispiel noch Nutzbar ist.

Danke schon Einmal im Vorraus :-)

Javascript Such-Skript

Hallo,

ich bin gerade dabei, ein Such-Skript mit JS (+jQuery) zu machen, und habe da ein kleines Problem. Das soll so ablaufen, dass während man was eintippt in Echtzeit der Inhalt, der nicht die Eingabe enthält, ausgeblendet wird.

Kurz der Code der Funktion:

function searchfunction() {
    var search = $("#searchbox").val().toLowerCase();
    if(search != "")
    {
        $("#login ul li h2:not(:contains('"+search+"'))").parent().hide();
        $("#login ul li h2:contains('"+search+"')").parent().show();
    }
    else
        $("#login ul li").show();
}

Nun hab ich aber ein Problem mit der Groß und Kleinschreibung, und zwar wenn der Inhalt lautet "Max Mustermann" und man gibt in die Suche "max mustermann" ein, wird der Inhalt auch ausgeblendet..

Gibt es eine Möglichkeit, dass das Skript die Groß und Kleinschreibung ignoriert oder so?

Was möchtest Du wissen?

Deinen Beitrag erstellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }