Zugriff auf das Canvas-Element im benutzerdefinierten Polymer-Element mit Javascript nicht möglich

Question

Zugriff auf das Canvas-Element im benutzerdefinierten Polymer-Element mit Javascript nicht möglich

8

Ich spiele mit der Polymer-Project Web-Komponenten Bibliothek von Google. Ich möchte ein custom-tag mit einem canvas-Element erstellen und über JavaScript innerhalb des custom-elements darauf zugreifen. aber ich kann nicht nur mit document.querySelector oder document.getElementById zugreifen - jeder Hinweis oder Erfahrung mit einem ähnlichen Problem wird geschätzt.

Hier ist meine Quelle:

%Vor%

Die Ausgabe von console.log gibt immer eine NULL / empty-Auflistung zurück, egal in welchem Teil des Lebenszyklus ich versuche, die Zeichenfläche aufzurufen. Wo ist mein Fehler und was mache ich falsch?

Mit freundlichen Grüßen, Lupo

javascript canvas polymer html5-canvas shadow-dom

Lupo 19.06.2014, 12:35

quelle

2 Antworten

2

Das scheint sich seit 2014 geändert zu haben, für Polymer 1.0 habe ich

verwendet %Vor%

für mehr schauen Sie hier: Ссылка

Michiel 20.07.2016 06:30

quelle

Tags und Links javascript canvas polymer html5-canvas shadow-dom

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Android Studio sagt Gradle 1.10 zu benutzen - aber die neue Version ist 1.12?

score 11 · Accepted Answer

document.getElementsByTagName('canvas') und document.querySelector('.leinwand') suchen nach Knoten im Hauptdokument. Sie möchten innerhalb des Schattenbereichs Ihres Elements abfragen:

%Vor%

Ich verwende Polymer automatische Knotenfindung für den ersten Beispiel. Die zweite zeigt, wie Sie this.shadowRoot verwenden können, um qS / qSA innerhalb des Schatten-Doms zu "scope".

Demo: Ссылка