Content types

Select your language

  • Deutsch
Content types
Stefan J. Truckers Homepage
  • Projects Zeigbares
  • 3D Printing 3D Printing FDM / FFF
      • Back
      • Guides & Help
      • Facts & Tips
      • FDM Design Guide
      • FDM 3D Printing Help
      • STL. Collection
      • Purchase Advice
      • Filament Finder
          • Back
          • - All -
          • ABS
          • ASA
          • CPE
          • HIPS
          • PA
          • PC
          • PET
          • PETg
          • PCTG
          • PEEK
          • PLA
          • PP
          • PVB
          • Composite
          • Blends
      • 3D Printer 3D Printer
      • Back
      • Components
          • Back
          • Extruder Extruder
          • Mainboards
      • FDM Firmware
          • Back
          • Klipper Klipper
          • RepRap Firmware
          • Marlin Firmware Marlin Firmware
          • Repetier Firmware Repetier Firmware
          • G-Codes & Commands
  • Tech Hard & Software
      • Back
      • Photo & Video
          • Back
          • Tips
          • Equipment
          • Gallery
      • Personal Computer
          • Back
          • Security
          • Programs
          • Operating System Tips
          • Artificial Intelligence
      • Web
          • Back
          • Joomla CMS
          • Scripts & Codes
          • Optimization
          • Soziale Medien
  • Craft Corner
      • Back
      • Production
      • RC-Sport Funkgesteuert

      • Back
      • Pure Fun
      • Laser Gravieren / Schneiden
      • CNC Fräsen
  • Vita everyday life
      • Back
      • Living Space
      • Home & Living
      • Real estate search
      • Balcony & Garden
      • Back
      • Wellbeeing


  • Purchase Advice Rabatte & Tipps
      • Back
      • Coupons
      • Gift ideas
  • About About Website
      • Back
      • Stefan J. Trucker Stefan J. Trucker owner
      • Support Projekt & Stefan
  • Tech
  • Web
  • Scripts & Codes
  • Stl Viewer Javascript Plugin

  • Photo & Video
      • Tips
      • Equipment
      • Gallery
  • Personal Computer
      • Security
      • Programs
      • Operating System Tips
      • Artificial Intelligence
  • Web
      • Joomla CMS
      • Scripts & Codes
      • Optimization
      • Soziale Medien
Werbung

Stl Viewer Javascript Plugin

created on
  Thursday, 12 January 2023
edited on
  Sunday, 18 January 2026
by
  Stefan Trucker  

Allows embedding binary/ASCII .stl, .obj, and 3mf files on a webpage.

Usage

Ideally, insert it in the header, but insertion in the body is also possible

<script src="/stl_viewer.min.js"></script>
Code in Ablage kopieren

Create an element in the page content that will contain the STL viewer and give it an ID:

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

Create a new instance of Stl Viewer (simplest initialization - read and display the STL file named "mystl.stl"):

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

If you want to embed 3mf files, it is necessary to include an additional script

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

var stl_viewer = new StlViewer(document.getElementById("stl_cont"), { .... jszip_path: "//jszip.min.js", jszip_utils_path: "//jszip-utils.min.js" });
Code in Ablage kopieren

Links

   Github von Stl Viewer       Link zu Stl Viewer  
  • Scripts & Codes Simple .stl viewer for websites
    Previous
    5 / 7 jQuery Flipster - Coverflow
FaLang translation system by Faboba
Werbung
  • Projects Zeigbares
  • 3D Printing 3D Printing FDM / FFF
      • Back
      • Guides & Help
      • Facts & Tips
      • FDM Design Guide
      • FDM 3D Printing Help
      • STL. Collection
      • Purchase Advice
      • Filament Finder
          • Back
          • - All -
          • ABS
          • ASA
          • CPE
          • HIPS
          • PA
          • PC
          • PET
          • PETg
          • PCTG
          • PEEK
          • PLA
          • PP
          • PVB
          • Composite
          • Blends
      • 3D Printer 3D Printer
      • Back
      • Components
          • Back
          • Extruder Extruder
          • Mainboards
      • FDM Firmware
          • Back
          • Klipper Klipper
          • RepRap Firmware
          • Marlin Firmware Marlin Firmware
          • Repetier Firmware Repetier Firmware
          • G-Codes & Commands
  • Tech Hard & Software
      • Back
      • Photo & Video
          • Back
          • Tips
          • Equipment
          • Gallery
      • Personal Computer
          • Back
          • Security
          • Programs
          • Operating System Tips
          • Artificial Intelligence
      • Web
          • Back
          • Joomla CMS
          • Scripts & Codes
          • Optimization
          • Soziale Medien
  • Craft Corner
      • Back
      • Production
      • RC-Sport Funkgesteuert

      • Back
      • Pure Fun
      • Laser Gravieren / Schneiden
      • CNC Fräsen
  • Vita everyday life
      • Back
      • Living Space
      • Home & Living
      • Real estate search
      • Balcony & Garden
      • Back
      • Wellbeeing


  • Purchase Advice Rabatte & Tipps
      • Back
      • Coupons
      • Gift ideas
  • About About Website
      • Back
      • Stefan J. Trucker Stefan J. Trucker owner
      • Support Projekt & Stefan
  • Impressum
  • Datenschutzerklärung
  • Anmeldung
      • Back
      • Registrierung
  • Sitemap
 Design & Implementation by 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