Difference between revisions of "Qmaze2D How To/nl"

From QmazeWiki
Jump to: navigation, search
Line 2: Line 2:
 
== Qmaze 2D product configurator handleiding -- Nederlands / Dutch ==
 
== Qmaze 2D product configurator handleiding -- Nederlands / Dutch ==
  
 
+
'''1. Het begin:'''
1. Het begin:
 
 
Om gebruik te maken van de configurator dient u enkele regels code toe te voegen aan het outputscript.
 
Om gebruik te maken van de configurator dient u enkele regels code toe te voegen aan het outputscript.
 
Deze code zorgt ervoor dat de canvas niet alleen goed werkt, maar ook aan uw wensen voldoet.
 
Deze code zorgt ervoor dat de canvas niet alleen goed werkt, maar ook aan uw wensen voldoet.
 +
Hieronder staan enkele voorbeelden van code die u kunt gebruiken.
 +
 +
Voorbeelden:
 +
 +
*De canvas gebruikt het formaat van de container.
 +
[[Qmaze2d_howto_template1.png]]
  
<!-- GET FabricJS Script Minified-->
+
*U bepaalt zelf de grootte/hoogte van de canvas:
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.1.0/fabric.min.js"></script>
+
[[Qmaze2d_howto_template2.png]]
<!-- GET 2D Lib Script -->
 
<script src="Scripts/Qmaze2dlib.js"></script>
 
  
<canvas id="vul hier uw canvas naam in"></canvas>
+
*U voegt zelf een container toe waarin u het formaat aangeeft: (Zonder bootstrap)
 +
[[Qmaze2d_howto_template3.png]]
  
$(document).ready(function()
+
*U voegt zelf een container toe waarin u het formaat aangeeft: (Met bootstrap)
{
+
[[Qmaze2d_howto_template4.png]]
        // Deze functie dient per canvas uitgevoerd te worden
 
        setcanvas(‘uw canvas naam‘);
 
  
        // Uw functies kunt u hier plaatsen
+
*(OPTIONEEL) Laadbalk -- Zet deze boven de canvas neer
});
+
[[Qmaze2d_howto_template5.png]]

Revision as of 17:44, 26 November 2020

To the English version: Qmaze2D_How_To/en

Qmaze 2D product configurator handleiding -- Nederlands / Dutch

1. Het begin: Om gebruik te maken van de configurator dient u enkele regels code toe te voegen aan het outputscript. Deze code zorgt ervoor dat de canvas niet alleen goed werkt, maar ook aan uw wensen voldoet. Hieronder staan enkele voorbeelden van code die u kunt gebruiken.

Voorbeelden:

  • De canvas gebruikt het formaat van de container.

Qmaze2d_howto_template1.png

  • U bepaalt zelf de grootte/hoogte van de canvas:

Qmaze2d_howto_template2.png

  • U voegt zelf een container toe waarin u het formaat aangeeft: (Zonder bootstrap)

Qmaze2d_howto_template3.png

  • U voegt zelf een container toe waarin u het formaat aangeeft: (Met bootstrap)

Qmaze2d_howto_template4.png

  • (OPTIONEEL) Laadbalk -- Zet deze boven de canvas neer

Qmaze2d_howto_template5.png