Comment rendre des sites WebGL

Chaknith related to Comment rendre des sites WebGL
Chaknith Bin
juillet 4, 2024
Mise à jour décembre 10, 2024
Partager:
This article was translated from English: Does it need improvement?
Translated
View the article in English
Webgl Logo related to Comment rendre des sites WebGL

WebGL est un outil puissant pour créer des graphiques 3D interactifs dans les navigateurs web, mais la conversion de ces expériences dynamiques et hautement interactives dans un format PDF statique peut s'avérer difficile. Le rendu d'un site WebGL au format PDF consiste à capturer le contenu visuel généré par le contexte WebGL et à le convertir dans un format adapté à un document PDF.

IronPDF fournit les outils nécessaires pour capturer et rendre des sites Web avec WebGL tels que Mapbox et la collection WebGL Samples.

Commencez avec IronPDF

Commencez à utiliser IronPDF dans votre projet dès aujourd'hui avec un essai gratuit.

Première étape :
green arrow pointer



Rendre des sites WebGL

Pour activer le rendu WebGL, vous devez configurer quelques paramètres d'IronPDF :

  • SingleProcess = true. Cela oblige Chrome à tout exécuter dans le processus en cours plutôt que d'utiliser des sous-processus.
  • ChromeGpuMode = Hardware mode.

    De plus, si le site web nécessite un certain délai avant le rendu pour s'afficher correctement, vous pouvez utiliser la méthode WaitFor.RenderDelay. Rendons un exemple de la couche GeoJSON de Mapbox pour notre exemple.

:path=/static-assets/pdf/content-code-examples/how-to/render-webgl-render-webgl.cs
using IronPdf;

// Configure IronPdf settings
IronPdf.Installation.SingleProcess = true;
IronPdf.Installation.ChromeGpuMode = IronPdf.Engines.Chrome.ChromeGpuModes.Hardware;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set delay before rendering
renderer.RenderingOptions.WaitFor.RenderDelay(5000);

// Render from URL
PdfDocument pdf = renderer.RenderUrlAsPdf("https://docs.mapbox.com/mapbox-gl-js/example/geojson-layer-in-slot/");

pdf.SaveAs("webGL.pdf");
Imports IronPdf

' Configure IronPdf settings
IronPdf.Installation.SingleProcess = True
IronPdf.Installation.ChromeGpuMode = IronPdf.Engines.Chrome.ChromeGpuModes.Hardware

Dim renderer As New ChromePdfRenderer()

' Set delay before rendering
renderer.RenderingOptions.WaitFor.RenderDelay(5000)

' Render from URL
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://docs.mapbox.com/mapbox-gl-js/example/geojson-layer-in-slot/")

pdf.SaveAs("webGL.pdf")
$vbLabelText   $csharpLabel

Sortie PDF

Il n'est actuellement pas possible de rendre WebGL dans une configuration Docker. Le rendu de WebGL sur Docker peut être difficile car les conteneurs Docker sont généralement des environnements sans interface graphique, ce qui signifie qu'ils n'ont pas d'interface utilisateur graphique (GUI). WebGL s'appuie sur l'accès au GPU pour le rendu des graphiques, et dans un environnement sans tête, l'accès au GPU est limité ou inexistant. Nos développeurs étudient encore cette possibilité. Si vous souhaitez être informé(e) lorsqu'une conclusion a été trouvée, veuillez contacter support@ironsoftware.com.

Chaknith related to Sortie PDF
Ingénieur logiciel
Chaknith est le Sherlock Holmes des développeurs. C'est en s'amusant à relever des défis de code qu'il s'est rendu compte pour la première fois qu'il pourrait avoir un avenir dans le domaine de l'ingénierie logicielle. Il se concentre sur IronXL et IronBarcode, mais il est fier d'aider les clients avec chaque produit. Chaknith tire parti des connaissances qu'il a acquises en discutant directement avec les clients pour améliorer les produits eux-mêmes. Ses commentaires anecdotiques vont au-delà des tickets Jira et soutiennent le développement de produits, la documentation et le marketing, afin d'améliorer l'expérience globale des clients.Quand il n'est pas au bureau, on peut le trouver en train d'apprendre sur l'apprentissage automatique, le codage et la randonnée.