You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>A short name to identify your template max length 64</p>
844
+
</div>
845
+
846
+
</li>
847
+
848
+
<li>
849
+
<spanclass="name">:description</span>
850
+
<spanclass="type">(<tt>String</tt>)</span>
851
+
<spanclass="default">
852
+
853
+
</span>
854
+
855
+
— <divclass='inline'>
856
+
<p>Description to elaborate on the use of your template max length 1024</p>
857
+
</div>
858
+
859
+
</li>
860
+
861
+
<li>
862
+
<spanclass="name">:css</span>
863
+
<spanclass="type">(<tt>String</tt>)</span>
864
+
<spanclass="default">
865
+
866
+
</span>
867
+
868
+
— <divclass='inline'>
869
+
<p>The CSS for your image.</p>
870
+
</div>
871
+
872
+
</li>
873
+
874
+
<li>
875
+
<spanclass="name">:google_fonts</span>
876
+
<spanclass="type">(<tt>String</tt>)</span>
877
+
<spanclass="default">
878
+
879
+
</span>
880
+
881
+
— <divclass='inline'>
882
+
<p>[Google fonts](<ahref="https://docs.htmlcsstoimage.com/guides/using-google-fonts">docs.htmlcsstoimage.com/guides/using-google-fonts</a>/) to be loaded. Example: `Roboto`. Multiple fonts can be loaded like this: `Roboto|Open Sans`</p>
883
+
</div>
884
+
885
+
</li>
886
+
887
+
<li>
888
+
<spanclass="name">:selector</span>
889
+
<spanclass="type">(<tt>String</tt>)</span>
890
+
<spanclass="default">
891
+
892
+
</span>
893
+
894
+
— <divclass='inline'>
895
+
<p>A CSS selector for an element on the webpage. We'll crop the image to this specific element. For example: `section#complete-toolkit.container-lg`</p>
896
+
</div>
897
+
898
+
</li>
899
+
900
+
<li>
901
+
<spanclass="name">:ms_delay</span>
902
+
<spanclass="type">(<tt>Integer</tt>)</span>
903
+
<spanclass="default">
904
+
905
+
</span>
906
+
907
+
— <divclass='inline'>
908
+
<p>The number of milliseconds the API should delay before generating the image. This is useful when waiting for JavaScript. We recommend starting with `500`. Large values slow down the initial render time.</p>
909
+
</div>
910
+
911
+
</li>
912
+
913
+
<li>
914
+
<spanclass="name">:device_scale</span>
915
+
<spanclass="type">(<tt>Double</tt>)</span>
916
+
<spanclass="default">
917
+
918
+
</span>
919
+
920
+
— <divclass='inline'>
921
+
<p>This adjusts the pixel ratio for the screenshot. Minimum: `1`, Maximum: `3`.</p>
922
+
</div>
923
+
924
+
</li>
925
+
926
+
<li>
927
+
<spanclass="name">:render_when_ready</span>
928
+
<spanclass="type">(<tt>Boolean</tt>)</span>
929
+
<spanclass="default">
930
+
931
+
</span>
932
+
933
+
— <divclass='inline'>
934
+
<p>Set to true to control when the image is generated. Call `ScreenshotReady()` from JavaScript to generate the image. [Learn more](<ahref="https://docs.htmlcsstoimage.com/guides/render-when-ready">docs.htmlcsstoimage.com/guides/render-when-ready</a>/).</p>
935
+
</div>
936
+
937
+
</li>
938
+
939
+
<li>
940
+
<spanclass="name">:viewport_width</span>
941
+
<spanclass="type">(<tt>Integer</tt>)</span>
942
+
<spanclass="default">
943
+
944
+
</span>
945
+
946
+
— <divclass='inline'>
947
+
<p>Set the width of Chrome's viewport. This will disable automatic cropping. Both height and width parameters must be set if using either.</p>
948
+
</div>
949
+
950
+
</li>
951
+
952
+
<li>
953
+
<spanclass="name">:viewport_height</span>
954
+
<spanclass="type">(<tt>Integer</tt>)</span>
955
+
<spanclass="default">
956
+
957
+
</span>
958
+
959
+
— <divclass='inline'>
960
+
<p>Set the height of Chrome's viewport. This will disable automatic cropping. Both height and width parameters must be set if using either.</p>
0 commit comments