Ich versuche, ein Element vom Typ "Viewport" zu erstellen, das von einem Canvas-Element erweitert wird. Ich wollte den Elterncontainer füllen, aber das scheint nicht sehr trivial zu sein.
Das canvas-Element funktioniert nicht mit style="width: 100%; height: 100%" (es wird auf einen Standardwert von 300x150 Pixeln zurückgesetzt, wenn die spezielle Canvas-Breite und die Höhenattribute nicht gesetzt sind oder werden Gehe zu 100x100 Pixel, wenn ich versuche, diese Attribute auf "100%" zu setzen. Das lässt mich die Aufgabe, die Breite des Canvas-Elements manuell an die Größe des Elternelements anzupassen, aber ich versuche es nicht finde heraus, wie ich auf ein Resize-Event zugreifen kann Ich könnte aus der Perspektive des benutzerdefinierten Elements einen Handler hinzufügen Ich habe anscheinend keinen Zugriff auf window.on.resize von einer beliebigen Stelle innerhalb des benutzerdefinierten Elements. Muss ich das tun? von außen?
Hier ist eine Beispiel-Definition für ein Polymerelement:
%Vor%Hier ist ein Dartcode in der zugehörigen Polymerklassendefinition für den Versuch, mit der Größenänderung, die ich gemacht habe, umzugehen, basierend auf einer vorgeschlagenen Lösung für diese Frage.
%Vor%Dies führt jedoch zu einem Fehler, bei dem die Höhe bei jedem resize -Ereignis um drei Pixel zunimmt, obwohl die Ränder und Abstände auf Null gesetzt sind.
OnResize funktioniert für mich in einem benutzerdefinierten Element.
%Vor%Tags und Links canvas events resize dart dart-polymer