j-SVGIcons

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Αυτό το στοιχείο καταγράφει ένα νέο Web στοιχείο στη μορφή <ui-svgicon name="icon_name"></ui-svgicon>.

Χρησιμοποιήστε τον γεννήτη SPG https://svgsprit.es/

ΕΠΙΤΡΟΦΗ:

url {String} μια διεύθυνση URL στο αρχείο SVG (προεπιλεγμένη: empty)
size {Number} ένα προεπιλεγμένο πλάτος εικόνας (προεπιλογή: empty)

Τα χαρακτηριστικά του <ui-svgicon>:

Εναλλακτικά ονόματα name {String}
size {Number} επιλογή, μέγεθος εικόνας (προεπιλεγμένο: config.size)
selected {String} Εναλλακτικό, επιλεγμένο όνομα εικονικού (θα εμφανιστεί εάν το γονικό στοιχείο θα περιέχει .selected Κλάση

Χρησιμοποιήστε το με <ui-component name="svgicons">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

example.html

<ui-component name="svgicons" config="url:/svgicons.svg;size:30"></ui-component>

<div class="padding">
	<ui-svgicon name="phone"></ui-svgicon>
	<ui-svgicon name="phone"></ui-svgicon>
	<ui-svgicon name="phone" size="50"></ui-svgicon>
	<span class="toggle">
		<ui-svgicon name="profile" selected="profilefull"></ui-svgicon>
	</span>
</div>

<script>

	setInterval(function() {
		$('.toggle').tclass('selected');
	}, 1500);

</script>