Sprache auswählen

  • Deutsch
  • English
Stefan J. Truckers Homepage
  • Projekte Zeigbares
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • STL. Sammlung
      • Fakten & Tipps
      • FDM Design Guide
      • Filament Finder
      • FDM 3D Druck Hilfestellung
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Kaufberatung
          • Back
          • 3D Drucker 3D Drucker
          • Komponenten
  • Media Foto Video Web
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Sicherheit
          • Soziale Medien
      • Gallery
  • Programme Software
  • Bastel Ecke
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • Über Über Stefan
      • Back
      • Werdegang
      • Gönne mir was
  • Unterstütze Projekt & Mich
  • Media
  • Web
  • Skripte & Codes
  • Stl Viewer Javascript Plugin
  • Foto & Video
      • Tipps
      • Equipment
  • Web
      • Joomla CMS
      • Skripte & Codes
      • Optimierung
      • Sicherheit
      • Soziale Medien
  • Gallery

Stl Viewer Javascript Plugin

31 Stl Viewer Javascript Plugin /medias/web/skripte-codes/stl-viewer-javascript-plugin
  • 1
  • 2
  • 3
  • 4
  • 5
Created
Donnerstag, 12. Januar 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
  • Projekte Zeigbares
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • STL. Sammlung
      • Fakten & Tipps
      • FDM Design Guide
      • Filament Finder
      • FDM 3D Druck Hilfestellung
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Kaufberatung
          • Back
          • 3D Drucker 3D Drucker
          • Komponenten
  • Media Foto Video Web
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Sicherheit
          • Soziale Medien
      • Gallery
  • Programme Software
  • Bastel Ecke
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • Über Über Stefan
      • Back
      • Werdegang
      • Gönne mir was
  • Unterstütze Projekt & Mich
  • Suche
  • Impressum
  • Datenschutzerklärung
  • Anmeldung
      • Back
      • Registrierung
  • Tags
      • Back
      • 3D Druck
      • YouTube
  • Sitemap
© 2025 Stefan J. Trucker
Gestaltung & Umsetzung von Stefan J. Trucker

3D Jake