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

31 Stl Viewer Javascript Plugin /en/medias/web/skripte-codes/stl-viewer-javascript-plugin
  • 1
  • 2
  • 3
  • 4
  • 5
Created
Thursday, 12 January 2023
Created by
Stefan J. 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>

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  
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
 Design & Implementation by Stefan J. Trucker

3D Jake