Wie kann ich ein HTML-Element neu laden, indem ich die Größe der Seite ändere, ohne die Seite zu aktualisieren?

Question

Ich möchte ein HTML-Element (eine Leinwand) neu laden, wenn ich die Größe meiner Seite ändere, ohne die gesamte Seite zu aktualisieren. Ist das möglich ?

Dankten!

Answer 1

Es ist schwer zu wissen, was genau Ihr HTML-Element, das Sie neu laden müssen, ist, aber es sollte möglich sein.

Hier ist ein Beispiel für eine jQuery Funktion, die überprüft, wenn die Größe der Seite geändert wird.

$(window).on('resize', function(){ 
     var win = $(this); //this = window 
     if (win.height() >= 820) { /* ... */ } 
     if (win.width() >= 1280) { /* ... */ } 
}); 

Javascript Beispiel:

window.onresize = function() { 
    if (window.innerHeight >= 820) { /* ... */ } 
    if (window.innerWidth <= 1280) { /* ... */ } 
} 

Und in der if Anweisung des gewünschten Fensters Höhe oder Breite, können Sie die Funktion aufrufen, Ihre Leinwand neu zu laden.

Answer 2

Sie könnten einen Ereignis-Listener

window.onresize = function(){ 
    var oldcanv = document.getElementById('canvas'); 
    document.removeChild(oldcanv) 

    var canv = document.createElement('canvas'); 
    canv.id = 'canvas'; 
    document.body.appendChild(canv); 
} 

hinzufügen