Inhalts-Typen

Sprache auswählen

  • English
Inhalts-Typen
Stefan J. Truckers Homepage
  • Projekte Zeigbares
      • Back
      • Konstruktion
      • Produkt Design
      • Produkt Entwicklung
      • Grafikdesign
      • YouTube Video
      • Fotografieren
      • Videografie
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • Guides & Hilfe
      • Fakten & Tipps
      • FDM Design Guide
      • FDM 3D Druck Hilfestellung
      • STL. Sammlung
      • Kaufberatung
      • Back
      • Filament Finder
      • 3D Drucker 3D Drucker
      • FDM Firmware
      • Komponenten
  • Tech Hard & Software
      • Back
      • Foto & Video
      • Web
      • Back
      • Personal Computer

  • Bastel Ecke
      • Back
      • Pure FUN
      • RC-Sport Funkgesteuert

      • Back
      • Fertigung
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Lebensraum
      • Immobiliensuche
      • Haus & Wohnen
      • Back
      • Gesundheit
      • in kürze Online

  • Kaufberatung Rabatte & Tipps
      • Back
      • Coupons
      • Geschenktipps
  • Über Über Website
      • Back
      • Stefan J. Trucker Stefan J. Trucker Eigentümer
      • Back
      • Unterstütze Projekt & Stefan
  • Tech
  • Web
  • Skripte & Codes
  • Stl Viewer Javascript Plugin

  • Foto & Video
      • Tipps
      • Equipment
      • Galerie
  • Web
      • Joomla CMS
      • Skripte & Codes
      • Optimierung
      • Soziale Medien
  • Personal Computer
      • Sicherheit
      • Programme
      • Betriebssystem Tipps
      • Künstliche Intelligenz

Werbung

Stl Viewer Javascript Plugin

erstellt am
  Donnerstag, 12. Januar 2023
bearbeitet am
  Sonntag, 18. Januar 2026
von
  Stefan Trucker  

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>
Code in Ablage kopieren

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

<div id="stl_cont"></div>
Code in Ablage kopieren

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"} ] });
Code in Ablage kopieren

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"
  }
);
Code in Ablage kopieren

Links

 Github von Stl Viewer
  Link zu Stl Viewer
Simple .stl viewer für Webseiten
Previous
5 / 7 jQuery Flipster - Coverflow
FaLang translation system by Faboba
Werbung
  • Projekte Zeigbares
      • Back
      • Konstruktion
      • Produkt Design
      • Produkt Entwicklung
      • Grafikdesign
      • YouTube Video
      • Fotografieren
      • Videografie
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • Guides & Hilfe
      • Fakten & Tipps
      • FDM Design Guide
      • FDM 3D Druck Hilfestellung
      • STL. Sammlung
      • Kaufberatung
      • Back
      • Filament Finder
          • Back
          • - Alle -
          • ABS
          • ASA
          • CPE
          • HIPS
          • PA
          • PC
          • PET
          • PETg
          • PCTG
          • PEEK
          • PLA
          • PP
          • PVB
          • Komposit
          • Blends
      • 3D Drucker 3D Drucker
      • FDM Firmware
          • Back
          • Klipper Firmware Klipper Firmware
          • Marlin Firmware Marlin Firmware
          • RepRap Firmware
          • Repetier Firmware Repetier Firmware
          • G-Codes & Befehle
      • Komponenten
          • Back
          • Mainboard
          • Extruder Extruder
  • Tech Hard & Software
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
          • Galerie
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Soziale Medien
      • Back
      • Personal Computer
          • Back
          • Sicherheit
          • Programme
          • Betriebssystem Tipps
          • Künstliche Intelligenz

  • Bastel Ecke
      • Back
      • Pure FUN
      • RC-Sport Funkgesteuert

      • Back
      • Fertigung
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Lebensraum
      • Immobiliensuche
      • Haus & Wohnen
      • Back
      • Gesundheit
      • in kürze Online

  • Kaufberatung Rabatte & Tipps
      • Back
      • Coupons
      • Geschenktipps
  • Über Über Website
      • Back
      • Stefan J. Trucker Stefan J. Trucker Eigentümer
      • Back
      • Unterstütze Projekt & Stefan
  • Impressum
  • Datenschutzerklärung
  • Anmeldung
      • Back
      • Registrierung
  • Sitemap
Gestaltung & Umsetzung von 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.

Werbung

3D Jake