Sprache auswählen

  • Deutsch
  • English
Stefan J. Truckers Homepage
  • Projekte Zeigbares
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • STL. Sammlung
      • Fakten & Tipps
      • FDM Design Guide
      • Filament Finder
      • FDM 3D Druck Hilfestellung
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Kaufberatung
          • Back
          • 3D Drucker 3D Drucker
          • Komponenten
  • Media Foto Video Web
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Sicherheit
          • Soziale Medien
      • Gallery
  • Programme Software
  • Bastel Ecke
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • Über Über Stefan
      • Back
      • Werdegang
      • Gönne mir was
  • Unterstütze Projekt & Mich
  • Media
  • Web
  • Skripte & Codes
  • Stl Viewer Javascript Plugin
  • Foto & Video
      • Tipps
      • Equipment
  • Web
      • Joomla CMS
      • Skripte & Codes
      • Optimierung
      • Sicherheit
      • Soziale Medien
  • Gallery

Stl Viewer Javascript Plugin

Created
Donnerstag, 12. Januar 2023
Created by
Stefan J. Trucker
Last modified
Mittwoch, 06. August 2025
Revised by
Stefan J. Trucker
31 Stl Viewer Javascript Plugin /medias/web/skripte-codes/stl-viewer-javascript-plugin
  • 1
  • 2
  • 3
  • 4
  • 5

Ermöglicht es binary/ASCII .stl, .obj und 3mf in einer Homepage einzubinden.

Verwendung

ideal im Header einfügen, einfüggen im Body ist aber auch möglich

<script src="/stl_viewer.min.js"></script>

Erstellen Sie im Seitentext ein Element, das den Stl Viewer enthält, und geben Sie ihm eine ID:

<div id="stl_cont"></div>

Erstellen Sie eine neue Instanz von Stl Viewer (einfachste Initiierung - Lesen und Anzeigen der STL-Datei mit dem Namen "mystl.stl"):

var stl_viewer=new StlViewer(document.getElementById("stl_cont"), { models: [ {id:0, filename:"mystl.stl"} ] });

Will man 3mf Dateien einbinden, ist es nötig ein weiteres Script einzubinden

https://stuk.github.io/jszip/

var stl_viewer=new StlViewer
(
  document.getElementById("stl_cont"),
  {
      ....
      jszip_path:"/<path_to_jszip>/jszip.min.js",
      jszip_utils_path:"/<path_to_jszip>/jszip-utils.min.js"
  }
);

Links

   Github von Stl Viewer       Link zu Stl Viewer  
  • Skripte & Codes Simple .stl viewer für Websiten
    5 / 7 jQuery Flipster - Coverflow
FaLang translation system by Faboba
  • Projekte Zeigbares
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • STL. Sammlung
      • Fakten & Tipps
      • FDM Design Guide
      • Filament Finder
      • FDM 3D Druck Hilfestellung
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Kaufberatung
          • Back
          • 3D Drucker 3D Drucker
          • Komponenten
  • Media Foto Video Web
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Sicherheit
          • Soziale Medien
      • Gallery
  • Programme Software
  • Bastel Ecke
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • Über Über Stefan
      • Back
      • Werdegang
      • Gönne mir was
  • Unterstütze Projekt & Mich
  • Suche
  • Impressum
  • Datenschutzerklärung
  • Anmeldung
      • Back
      • Registrierung
  • Tags
      • Back
      • 3D Druck
      • YouTube
  • Sitemap
© 2025 Stefan J. Trucker

Urheberrecht

Die durch den Seitenbetreiber erstellten Inhalte und Werke auf dieser Website unterliegen dem österreichischen Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet.
Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.

Sämtliche Bilder, Texte und Videos auf dieser Seite wurden vom Betreiber selbst erstellt, sofern nicht anders angegeben.

Gestaltung & Umsetzung von Stefan J. Trucker

3D Jake