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
      • Portfolio
      • 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
Werbung

Stl Viewer Javascript Plugin

Created
Thursday, 12 January 2023
Created by
Stefan J. Trucker
Last modified
Never
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>
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  
  • Skripte & Codes Simple .stl viewer für Websiten
    Previous
    4 / 6 jQuery Flipster - Coverflow
    Next
FaLang translation system by Faboba
Werbung
  • 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
      • Portfolio
      • 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

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