Select your language

  • Deutsch
  • English
Stefan J. Truckers Homepage
  • Projects Displayable
  • 3D Printing 3D Printing FDM / FFF
      • Back
      • STL. Collection
      • Facts & Tips
      • FDM Design Guide
      • Filament Finder
      • 3D Printing Help
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Purchase Advice
          • Back
          • 3D Printer 3D Printer
          • Components
  • Media Photo Video Web
      • Back
      • Photo & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Scripts & Coding
          • Optimization
          • Security
          • Social Media
      • Gallery
  • Programs Software
  • Craft Corner
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • About About Stefan
      • Back
      • Career Path
      • Treat Me
  • Support Project & Me
  • Media
  • Web
  • Skripte & Codes
  • Stl Viewer Javascript Plugin
  • Photo & Video
      • Tipps
      • Equipment
  • Web
      • Joomla CMS
      • Scripts & Coding
      • Optimization
      • Security
      • Social Media
  • Gallery

Stl Viewer Javascript Plugin

Created
Thursday, 12 January 2023
Created by
Stefan J. Trucker
Last modified
Saturday, 12 July 2025
Revised by
Stefan J. Trucker
31 Stl Viewer Javascript Plugin /en/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
  • Projects Displayable
  • 3D Printing 3D Printing FDM / FFF
      • Back
      • STL. Collection
      • Facts & Tips
      • FDM Design Guide
      • Filament Finder
      • 3D Printing Help
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Purchase Advice
          • Back
          • 3D Printer 3D Printer
          • Components
  • Media Photo Video Web
      • Back
      • Photo & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Scripts & Coding
          • Optimization
          • Security
          • Social Media
      • Gallery
  • Programs Software
  • Craft Corner
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • About About Stefan
      • Back
      • Career Path
      • Treat Me
  • Support Project & Me
  • Search
  • Impressum
  • Privacy Policy
  • Registration
      • Back
      • Registration
  • Tags
      • Back
      • 3D Print
      • 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.

 Design & Implementation by Stefan J. Trucker

3D Jake