{"id":3610,"date":"2015-10-08T16:11:58","date_gmt":"2015-10-08T14:11:58","guid":{"rendered":"https:\/\/wolkenhart.com\/webdesignblog\/?p=3610"},"modified":"2015-10-08T16:11:58","modified_gmt":"2015-10-08T14:11:58","slug":"snap-svg","status":"publish","type":"post","link":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg","title":{"rendered":"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken"},"content":{"rendered":"<p><strong>Snap.svg<\/strong>: F\u00fcr lange Zeit war Flash der Standard f\u00fcr vektorbasierte Animationen im Internet. Doch als die mobilen Endger\u00e4te aufkamen, wurde Flash immer mehr von CSS3 und HTML5 verdr\u00e4ngt. Durch das SVG-Format, das inzwischen von allen modernen Browsern unterst\u00fctzt wird, k\u00f6nnen vektorbasierte Grafiken ohne PlugIn im Browser dargestellt werden. <em>Snap.svg<\/em>, die JavaScript-Bibliothek des Unternehmens Adobe, erm\u00f6glicht es jetzt auch, Animationen mit SVG-Grafiken zu erstellen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3614\" src=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg.jpg\" alt=\"Snap-svg\" width=\"800\" height=\"478\" srcset=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg.jpg 800w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-300x179.jpg 300w, https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-575x344.jpg 575w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>Snap.svg<\/h2>\n<p>Mit Snap.svg hast du eine tolle M\u00f6glichkeit, aufl\u00f6sungsunabh\u00e4ngige und interaktive Vektorgrafiken zu erstellen. Diese Grafiken werden bei allen Bildschirmgr\u00f6\u00dfen sehr gut aussehen. Die JavaScript-Bibliothek wurde entwickelt, um dir die Arbeit mit SVG-Grafiken so einfach wie m\u00f6glich zu machen.<\/p>\n<h3>Snap.svg f\u00fcr moderne Browser<\/h3>\n<p>Snap.svg wurde f\u00fcr moderne Browser entwickelt und unterst\u00fctzt die neuesten SVG-Features wie Clipping, Maskierung, volle Verl\u00e4ufe, Muster, Gruppen und vieles andere. Mit einem einfachen Event-Handling und einer eigenen Animations-Bibliothek bringt die JavaScript-Bibliothek Snap.svg die SVG-Grafiken zum Leben.<\/p>\n<p><span style=\"text-decoration: underline;\">Snap.svg<\/span> ist daf\u00fcr geeignet, die Grafiken vollst\u00e4ndig skriptseitig zu gestalten. Die JavaScript-Bibliothek kann aber auch mit externen SVG-Dateien, aus Programmen wie Inkskape, Adobe Illustrator oder Sketch zusammenarbeiten.<\/p>\n<h4>Snap.svg: So wird der Einstieg leicht gemacht<\/h4>\n\n<div data-mode=\"normal\" data-provider=\"youtube\" id=\"arve-youtube-hyaifapvoek\" style=\"max-width:800px;\" class=\"arve alignleft\">\n\t<div class=\"arve-inner\">\n\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"youtube-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBhbGxvdz0iYWNjZWxlcm9tZXRlciAmYXBvcztub25lJmFwb3M7O2F1dG9wbGF5ICZhcG9zO25vbmUmYXBvczs7Ymx1ZXRvb3RoICZhcG9zO25vbmUmYXBvczs7YnJvd3NpbmctdG9waWNzICZhcG9zO25vbmUmYXBvczs7Y2FtZXJhICZhcG9zO25vbmUmYXBvczs7Y2xpcGJvYXJkLXJlYWQgJmFwb3M7bm9uZSZhcG9zOztjbGlwYm9hcmQtd3JpdGU7ZGlzcGxheS1jYXB0dXJlICZhcG9zO25vbmUmYXBvczs7ZW5jcnlwdGVkLW1lZGlhICZhcG9zO25vbmUmYXBvczs7Z2FtZXBhZCAmYXBvcztub25lJmFwb3M7O2dlb2xvY2F0aW9uICZhcG9zO25vbmUmYXBvczs7Z3lyb3Njb3BlICZhcG9zO25vbmUmYXBvczs7aGlkICZhcG9zO25vbmUmYXBvczs7aWRlbnRpdHktY3JlZGVudGlhbHMtZ2V0ICZhcG9zO25vbmUmYXBvczs7aWRsZS1kZXRlY3Rpb24gJmFwb3M7bm9uZSZhcG9zOztrZXlib2FyZC1tYXAgJmFwb3M7bm9uZSZhcG9zOztsb2NhbC1mb250czttYWduZXRvbWV0ZXIgJmFwb3M7bm9uZSZhcG9zOzttaWNyb3Bob25lICZhcG9zO25vbmUmYXBvczs7bWlkaSAmYXBvcztub25lJmFwb3M7O290cC1jcmVkZW50aWFscyAmYXBvcztub25lJmFwb3M7O3BheW1lbnQgJmFwb3M7bm9uZSZhcG9zOztwaWN0dXJlLWluLXBpY3R1cmU7cHVibGlja2V5LWNyZWRlbnRpYWxzLWNyZWF0ZSAmYXBvcztub25lJmFwb3M7O3B1YmxpY2tleS1jcmVkZW50aWFscy1nZXQgJmFwb3M7bm9uZSZhcG9zOztzY3JlZW4td2FrZS1sb2NrICZhcG9zO25vbmUmYXBvczs7c2VyaWFsICZhcG9zO25vbmUmYXBvczs7c3VtbWFyaXplciAmYXBvcztub25lJmFwb3M7O3N5bmMteGhyO3VzYiAmYXBvcztub25lJmFwb3M7O3dlYi1zaGFyZTt3aW5kb3ctbWFuYWdlbWVudCAmYXBvcztub25lJmFwb3M7O3hyLXNwYXRpYWwtdHJhY2tpbmcgJmFwb3M7bm9uZSZhcG9zOzsiIGFsbG93ZnVsbHNjcmVlbj0iIiBjbGFzcz0iYXJ2ZS1pZnJhbWUgZml0dmlkc2lnbm9yZSIgY3JlZGVudGlhbGxlc3MgZGF0YS1hcnZlPSJhcnZlLXlvdXR1YmUtaHlhaWZhcHZvZWsiIGRhdGEtbGVuaXMtcHJldmVudD0iIiBkYXRhLXNyYy1uby1hcD0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvaHlhaUZhcFZPZWs\/aXZfbG9hZF9wb2xpY3k9MyZhbXA7bW9kZXN0YnJhbmRpbmc9MSZhbXA7cmVsPTAmYW1wO2F1dG9oaWRlPTEmYW1wO3BsYXlzaW5saW5lPTAmYW1wO2F1dG9wbGF5PTAiIGZyYW1lYm9yZGVyPSIwIiBoZWlnaHQ9IjQ1MCIgbG9hZGluZz0ibGF6eSIgbmFtZT0iIiByZWZlcnJlcnBvbGljeT0ic3RyaWN0LW9yaWdpbi13aGVuLWNyb3NzLW9yaWdpbiIgc2FuZGJveD0iYWxsb3ctc2NyaXB0cyBhbGxvdy1zYW1lLW9yaWdpbiBhbGxvdy1wcmVzZW50YXRpb24gYWxsb3ctcG9wdXBzIGFsbG93LXBvcHVwcy10by1lc2NhcGUtc2FuZGJveCIgc2Nyb2xsaW5nPSJubyIgc3JjPSJodHRwczovL3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9oeWFpRmFwVk9laz9pdl9sb2FkX3BvbGljeT0zJiMwMzg7bW9kZXN0YnJhbmRpbmc9MSYjMDM4O3JlbD0wJiMwMzg7YXV0b2hpZGU9MSYjMDM4O3BsYXlzaW5saW5lPTAmIzAzODthdXRvcGxheT0wIiB0aXRsZT0iIiB3aWR0aD0iODAwIj48L2lmcmFtZT4=\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-youtube\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/borlabs-cookie\/1\/yt_hyaiFapVOek_hqdefault.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>YouTube<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\t\n\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/wolkenhart.com\\\/webdesignblog\\\/snap-svg#arve-youtube-hyaifapvoek\",\"type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/hyaiFapVOek?iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\n\t\n<\/div>\n<p>Dir werden die wichtigsten F\u00e4higkeiten und Arbeitsweisen von Snap in einem kurzen Einf\u00fchrungsvideo verst\u00e4ndlich und Schritt f\u00fcr Schritt n\u00e4her gebracht. Wer lieber liest, findet mit dem interaktiven Tutorial einen perfekten Einstieg in das Thema. Es gibt au\u00dferdem eine ausf\u00fchrliche Dokumentation zu Snap.svg, die dem Nutzer online zur Verf\u00fcgung steht. Diese Dokumentation ist f\u00fcr erweiterte Einsatz-Szenarien geeignet.<\/p>\n<h5>Das \u201ejQuery\u201c f\u00fcr die Manipulation der SVG-Grafiken<\/h5>\n<p>Mit etwas JavaScript und der <strong>JavaScript-Bibliothek Snap.svg<\/strong>erzielst du schnell beeindruckende Ergebnisse bei der Arbeit mit SVG-Grafiken. Die hilfreiche Dokumentation liefert dir viele anschauliche Beispiele und Ressourcen. So kannst du aus der Bibliothek die n\u00f6tigen Ergebnisse herausholen. Die Arbeit mit Snap.svg wird dir mit Sicherheit sehr viel Spa\u00df machen.<\/p>\n<p>Auf der offiziellen Internetseite von <a title=\"Snap.svg\" href=\"http:\/\/snapsvg.io\/\" target=\"_blank\">Snap.svg<\/a> findest du weitere Informationen \u00fcber die kostenlose SVG-Bibliothek und auf <a title=\"GitHub-Snap.svg\" href=\"https:\/\/github.com\/adobe-webplatform\/Snap.svg\" target=\"_blank\">GitHub<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Snap.svg: F\u00fcr lange Zeit war Flash der Standard f\u00fcr vektorbasierte Animationen im Internet. Doch als die mobilen Endger\u00e4te aufkamen, wurde Flash immer mehr von CSS3 und HTML5 verdr\u00e4ngt. Durch das SVG-Format, das inzwischen von allen modernen Browsern unterst\u00fctzt wird, k\u00f6nnen vektorbasierte Grafiken ohne PlugIn im Browser dargestellt werden. Snap.svg, die JavaScript-Bibliothek des Unternehmens Adobe, erm\u00f6glicht es jetzt auch, Animationen mit SVG-Grafiken zu erstellen. Snap.svg Mit Snap.svg hast du eine tolle M\u00f6glichkeit, aufl\u00f6sungsunabh\u00e4ngige und interaktive Vektorgrafiken zu erstellen. Diese Grafiken werden bei allen Bildschirmgr\u00f6\u00dfen sehr gut aussehen. Die JavaScript-Bibliothek wurde entwickelt, um dir die Arbeit mit SVG-Grafiken so einfach wie m\u00f6glich zu machen. Snap.svg f\u00fcr moderne Browser Snap.svg wurde f\u00fcr moderne Browser entwickelt und unterst\u00fctzt die neuesten SVG-Features wie Clipping, Maskierung, volle Verl\u00e4ufe, Muster, Gruppen und vieles andere. Mit einem einfachen Event-Handling und einer eigenen Animations-Bibliothek bringt die JavaScript-Bibliothek Snap.svg die SVG-Grafiken zum Leben. Snap.svg ist daf\u00fcr geeignet, die Grafiken vollst\u00e4ndig skriptseitig zu gestalten. Die JavaScript-Bibliothek kann aber auch mit externen SVG-Dateien, aus Programmen wie Inkskape, Adobe Illustrator oder Sketch zusammenarbeiten. Snap.svg: So wird der Einstieg leicht gemacht Dir werden die wichtigsten F\u00e4higkeiten und Arbeitsweisen von Snap in einem kurzen Einf\u00fchrungsvideo verst\u00e4ndlich und Schritt f\u00fcr Schritt n\u00e4her gebracht. Wer lieber liest, findet mit dem interaktiven Tutorial einen perfekten Einstieg in das Thema. Es gibt au\u00dferdem eine ausf\u00fchrliche Dokumentation zu Snap.svg, die dem Nutzer online zur Verf\u00fcgung steht. Diese Dokumentation ist f\u00fcr erweiterte Einsatz-Szenarien geeignet. Das \u201ejQuery\u201c f\u00fcr die Manipulation der SVG-Grafiken Mit etwas JavaScript und der JavaScript-Bibliothek Snap.svgerzielst du schnell beeindruckende [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3613,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[267],"class_list":["post-3610","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","tag-snap-svg"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Snap.svg liefert animierte und interaktive Vektorgrafiken<\/title>\n<meta name=\"description\" content=\"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken. Mit Snap.svg hast du eine tolle M\u00f6glichkeit interaktive Vektorgrafiken zu erstellen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Snap.svg liefert animierte und interaktive Vektorgrafiken\" \/>\n<meta property=\"og:description\" content=\"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken. Mit Snap.svg hast du eine tolle M\u00f6glichkeit interaktive Vektorgrafiken zu erstellen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolkenhart\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-08T14:11:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mika Gustavson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wolkenhart\" \/>\n<meta name=\"twitter:site\" content=\"@wolkenhart\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#article\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\"},\"author\":{\"name\":\"Mika Gustavson\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/319013aec8d36fe95b8f85ccdc32a503\"},\"headline\":\"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken\",\"datePublished\":\"2015-10-08T14:11:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\"},\"wordCount\":365,\"commentCount\":4,\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg\",\"keywords\":[\"Snap.svg\"],\"articleSection\":[\"Internet\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\",\"name\":\"Snap.svg liefert animierte und interaktive Vektorgrafiken\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg\",\"datePublished\":\"2015-10-08T14:11:58+00:00\",\"author\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/319013aec8d36fe95b8f85ccdc32a503\"},\"description\":\"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken. Mit Snap.svg hast du eine tolle M\u00f6glichkeit interaktive Vektorgrafiken zu erstellen.\",\"breadcrumb\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg\",\"contentUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg\",\"width\":500,\"height\":334,\"caption\":\"Snap-svg - jQuery f\u00fcr animierte und interaktive Vektorgrafiken\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/wolkenhart.com\/webdesignblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/319013aec8d36fe95b8f85ccdc32a503\",\"name\":\"Mika Gustavson\",\"description\":\"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Snap.svg liefert animierte und interaktive Vektorgrafiken","description":"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken. Mit Snap.svg hast du eine tolle M\u00f6glichkeit interaktive Vektorgrafiken zu erstellen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg","og_locale":"de_DE","og_type":"article","og_title":"Snap.svg liefert animierte und interaktive Vektorgrafiken","og_description":"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken. Mit Snap.svg hast du eine tolle M\u00f6glichkeit interaktive Vektorgrafiken zu erstellen.","og_url":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg","article_publisher":"https:\/\/www.facebook.com\/wolkenhart","article_published_time":"2015-10-08T14:11:58+00:00","og_image":[{"width":500,"height":334,"url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg","type":"image\/jpeg"}],"author":"Mika Gustavson","twitter_card":"summary_large_image","twitter_creator":"@wolkenhart","twitter_site":"@wolkenhart","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#article","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg"},"author":{"name":"Mika Gustavson","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/319013aec8d36fe95b8f85ccdc32a503"},"headline":"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken","datePublished":"2015-10-08T14:11:58+00:00","mainEntityOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg"},"wordCount":365,"commentCount":4,"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg","keywords":["Snap.svg"],"articleSection":["Internet"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg","url":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg","name":"Snap.svg liefert animierte und interaktive Vektorgrafiken","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage"},"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg","datePublished":"2015-10-08T14:11:58+00:00","author":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/319013aec8d36fe95b8f85ccdc32a503"},"description":"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken. Mit Snap.svg hast du eine tolle M\u00f6glichkeit interaktive Vektorgrafiken zu erstellen.","breadcrumb":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolkenhart.com\/webdesignblog\/snap-svg"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#primaryimage","url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg","contentUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2015\/10\/Snap-svg-jQuery-f\u00fcr-animierte-und-interaktive-Vektorgrafiken.jpg","width":500,"height":334,"caption":"Snap-svg - jQuery f\u00fcr animierte und interaktive Vektorgrafiken"},{"@type":"BreadcrumbList","@id":"https:\/\/wolkenhart.com\/webdesignblog\/snap-svg#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/wolkenhart.com\/webdesignblog\/"},{"@type":"ListItem","position":2,"name":"Snap.svg: jQuery f\u00fcr animierte und interaktive Vektorgrafiken"}]},{"@type":"WebSite","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website","url":"https:\/\/wolkenhart.com\/webdesignblog\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/319013aec8d36fe95b8f85ccdc32a503","name":"Mika Gustavson","description":"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.","url":"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk"}]}},"_links":{"self":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/3610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/comments?post=3610"}],"version-history":[{"count":0,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/3610\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media\/3613"}],"wp:attachment":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media?parent=3610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/categories?post=3610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/tags?post=3610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}