Slider Composer

Import Svg Path - Jssor Slider Composer Help

Open /jssorservice/001-image-slider.slider/=edit.

Import Svg Path

A. In layers pane, click Add Layer toolbox item and choose Import Svg Path on the dropdown menu.


B. Copy Svg code. E.g. copy the following code and paste it into jssor slider composer.
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="143.8px" height="34.2px" viewBox="0 0 143.8 34.2">
    <style type="text/css">.st0{fill:none;stroke:#FF0000;stroke-miterlimit:10;}</style>
    <path id="XMLID_51_" class="st0" d="M1.4,21.7c1.4,0.9,3.5,1.6,5.7,1.6c3.3,0,5.2-1.7,5.2-4.2c0-2.3-1.3-3.6-4.6-4.9
	c-4-1.4-6.5-3.5-6.5-7c0-3.8,3.2-6.7,8-6.7c2.5,0,4.3,0.6,5.4,1.2l-0.9,2.6C12.8,3.9,11.2,3.1,9,3.1c-3.4,0-4.6,2-4.6,3.7
	c0,2.3,1.5,3.4,4.9,4.7c4.2,1.6,6.3,3.6,6.3,7.2c0,3.8-2.8,7.1-8.6,7.1c-2.4,0-5-0.7-6.3-1.6L1.4,21.7z"/>
    <path id="XMLID_49_" class="st0" d="M20.7,7.8l3.5,9.9c0.6,1.6,1.1,3.1,1.4,4.5h0.1c0.4-1.5,0.9-2.9,1.5-4.5l3.4-9.9H34L27,25.5H24
	L17.2,7.8H20.7z"/>
    <path id="XMLID_27_" class="st0" d="M51.9,7.8c-0.1,1.3-0.1,2.7-0.1,4.9V23c0,4.1-0.8,6.5-2.5,8.1c-1.7,1.6-4.2,2.1-6.4,2.1
	c-2.1,0-4.5-0.5-5.9-1.5l0.8-2.4c1.2,0.7,3,1.4,5.2,1.4c3.3,0,5.7-1.7,5.7-6.2v-2h-0.1c-1,1.6-2.9,3-5.6,3c-4.4,0-7.5-3.7-7.5-8.6
	c0-6,3.9-9.4,8-9.4c3.1,0,4.7,1.6,5.5,3.1h0.1l0.1-2.7H51.9z M48.6,14.8c0-0.5,0-1-0.2-1.5c-0.6-1.9-2.2-3.4-4.5-3.4
	c-3.1,0-5.3,2.6-5.3,6.7c0,3.5,1.8,6.4,5.2,6.4c2,0,3.8-1.2,4.5-3.3c0.2-0.5,0.3-1.2,0.3-1.7V14.8z"/>
    <path id="XMLID_25_" class="st0" d="M64.9,0.9h3.2v22h10.5v2.7H64.9V0.9z"/>
    <path id="XMLID_22_" class="st0" d="M91.8,25.5l-0.3-2.2h-0.1c-1,1.4-2.9,2.6-5.4,2.6c-3.6,0-5.4-2.5-5.4-5.1
	c0-4.3,3.8-6.6,10.6-6.6v-0.4c0-1.5-0.4-4.1-4-4.1c-1.6,0-3.4,0.5-4.6,1.3L81.9,9c1.5-0.9,3.6-1.6,5.8-1.6c5.4,0,6.7,3.7,6.7,7.2
	v6.6c0,1.5,0.1,3,0.3,4.2H91.8z M91.4,16.5c-3.5-0.1-7.5,0.5-7.5,4c0,2.1,1.4,3.1,3,3.1c2.3,0,3.8-1.5,4.3-3c0.1-0.3,0.2-0.7,0.2-1
	V16.5z"/>
    <path id="XMLID_20_" class="st0" d="M100.5,7.8l3.9,10.4c0.4,1.2,0.8,2.6,1.1,3.6h0.1c0.3-1.1,0.7-2.4,1.1-3.7l3.5-10.4h3.4
	l-4.8,12.6c-2.3,6.1-3.9,9.2-6.1,11.1c-1.6,1.4-3.1,1.9-3.9,2.1L98,30.9c0.8-0.3,1.9-0.8,2.8-1.6c0.9-0.7,2-1.9,2.7-3.6
	c0.1-0.3,0.3-0.6,0.3-0.8s-0.1-0.4-0.2-0.8L97,7.8H100.5z"/>
    <path id="XMLID_17_" class="st0" d="M118,17.3c0.1,4.3,2.8,6.1,6.1,6.1c2.3,0,3.7-0.4,4.9-0.9l0.5,2.3c-1.1,0.5-3.1,1.1-5.9,1.1
	c-5.4,0-8.7-3.6-8.7-8.9s3.1-9.5,8.3-9.5c5.8,0,7.3,5.1,7.3,8.3c0,0.7-0.1,1.2-0.1,1.5H118z M127.4,15c0-2-0.8-5.2-4.5-5.2
	c-3.3,0-4.7,3-4.9,5.2H127.4z"/>
    <path id="XMLID_15_" class="st0" d="M134.5,13.4c0-2.1,0-3.9-0.1-5.5h2.8l0.1,3.5h0.1c0.8-2.4,2.7-3.9,4.9-3.9c0.4,0,0.6,0,0.9,0.1
	v3c-0.3-0.1-0.7-0.1-1.1-0.1c-2.3,0-3.9,1.7-4.3,4.1c-0.1,0.4-0.1,0.9-0.1,1.5v9.4h-3.2V13.4z"/>
</svg>


C. Copy path from third party vector graphic software (e.g. Adobe Illustrator) and paste it into jssor slider composer.