diff --git a/source/screens/demo/examples/clock.liquid b/source/screens/demo/examples/clock.liquid index 57cdd7c..c8535c6 100644 --- a/source/screens/demo/examples/clock.liquid +++ b/source/screens/demo/examples/clock.liquid @@ -61,6 +61,7 @@ tags: this.#resize(); window.addEventListener('resize', () => this.#resize()); + // console.debug(this); if (this.options.debug) { console.group('Clock'); console.info('\nOptions:', this.options, '\n\n'); @@ -77,13 +78,16 @@ tags: part.element.style.width = this.options.size + 'px'; } - part.element.width = part.element.offsetWidth; - part.element.height = part.element.offsetHeight; + // part.element.width = part.element.offsetWidth; + // part.element.height = part.element.offsetHeight; + part.element.width = this.options.size; + part.element.height = this.options.size; this.draw(); }); } + // TODO: Zuweisung von shapes zu parts anpassen draw() { // TODO: Nur geänderte Teile löschen this.parts.forEach(part => { @@ -303,7 +307,6 @@ tags: } #createContext(names) { - let parts = []; const wrap = document.createElement('div'); wrap.style.position = 'relative'; @@ -444,6 +447,7 @@ tags: clock.draw(); // TODO: Alternative mit requestAnimationFrame() + // TODO: Möglichkeit für Start/Stop wie bei TimeDisplay setInterval(() => { clock.update(); }, 1000);