{"id":100,"date":"2011-11-05T22:03:09","date_gmt":"2011-11-05T22:03:09","guid":{"rendered":"http:\/\/www.riemerundco.de\/bl\/?p=100"},"modified":"2022-10-24T08:00:27","modified_gmt":"2022-10-24T08:00:27","slug":"svg-tag-cloud","status":"publish","type":"post","link":"http:\/\/www.riemerundco.de\/bl\/?p=100","title":{"rendered":"SVG Tag Cloud"},"content":{"rendered":"<p>Die 3D Tag Cloud ausschlie\u00dflich mit SVG Hilfsmitteln zu realisieren, d.h. ohne Flashprogrammierung,\u00a0 ist Inhalt dieses Beitrags.<\/p>\n<p>W\u00e4hrend bei <a title=\"wp-cumulus\" href=\"http:\/\/www.riemerundco.de\/bl\/?p=91\">wp-cumulus<\/a> ein Flash-Objekt zur Animation ben\u00f6tigt wird, kann bei der SVG Tag Cloud dieses mit <a title=\"SVG\" href=\"http:\/\/de.wikipedia.org\/wiki\/SVG\" target=\"_blank\" rel=\"noopener\">SVG<\/a> Hilfsmitteln und <a title=\"svgweb\" href=\"http:\/\/code.google.com\/p\/svgweb\" target=\"_blank\" rel=\"noopener\">SVG-Web<\/a> realisiert werden. Leider unterst\u00fctzen noch nicht alle Browser den SVG-Standard. Der IE9 hat ein grunds\u00e4tzliches Problem mit der SVG Tag Cloud und bringt keine Anzeige.\u00a0 Firefox 7 liefert eine dynamische Anzeige, st\u00fcrzt nur leider zeitweise ab. Die besten und stabilsten Ergebnisse zeigt der Google Chrome V15. Vermutlich ist hier die SVG-Web Bibliothek optimal umgesetzt.<\/p>\n<p>SVG Tag Cloud wurde auf Basis folgender Quellen realisiert:<\/p>\n<ul>\n<li>blog.massivecube.com &#8211; <em>uniform distribution in spheric coordinates<\/em><br \/>\n(diese Webseite ist nicht mehr aktiv)<\/li>\n<li><a href=\"http:\/\/www.kirupa.com\/developer\/actionscript\/rotation_center.htm\" rel=\"nofollow\">http:\/\/www.kirupa.com\/developer\/actionscript\/rotation_center.htm<\/a><br \/>\n<em>rotation around a common center<\/em><\/li>\n<li><a href=\"http:\/\/www.roytanck.com\/\" rel=\"nofollow\">http:\/\/www.roytanck.com<\/a><br \/>\ntag cloud flash Version, siehe auch <a title=\"wp-cumulus\" href=\"http:\/\/www.riemerundco.de\/bl\/?p=91\">wp-cumulus<\/a><\/li>\n<li><a href=\"http:\/\/code.google.com\/p\/flexcloud\" rel=\"nofollow\">http:\/\/code.google.com\/p\/flexcloud<br \/>\n<\/a>eine weitere tag cloud flash Version<\/li>\n<li><a href=\"http:\/\/code.google.com\/p\/svgweb\" rel=\"nofollow\">http:\/\/code.google.com\/p\/svgweb<\/a><br \/>\ngoogle code Bibliothek zur SVG Integration in Java Script<\/li>\n<\/ul>\n<p>Die aktuelle Version der SVG Tag Cloud wird unter\u00a0 <a href=\"http:\/\/code.google.com\/p\/svgtagcloud\/\">http:\/\/code.google.com\/p\/svgtagcloud\/<\/a> zum Download bereit gestellt. Hier werden auch Aufbau und Variablenversorgung beschrieben.<\/p>\n<p>Aber nun noch das Beispiel in Aktion (wenn der Browser die Anzeige erlaubt):<\/p>\n<p style=\"text-align: center;\"><strong><a title=\"SVG Tag Cloud\" href=\"http:\/\/cloud.t4ri.de\/svg\/V1\/svg_dynamic_cloud_testbl.html\" target=\"_blank\" rel=\"noopener\">SVG Tag Cloud<\/a><\/strong><br \/>\n<script type=\"text\/javascript\" src=\"http:\/\/cloud.t4ri.de\/svg\/V1\/src\/svg.js\" data-path=\"http:\/\/cloud.t4ri.de\/svg\/V1\/src\/\"><\/script><script type=\"text\/javascript\" src=\"http:\/\/cloud.t4ri.de\/svg\/V1\/svg_dynamic_cloud_V1_0.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die 3D Tag Cloud ausschlie\u00dflich mit SVG Hilfsmitteln zu realisieren, d.h. ohne Flashprogrammierung,\u00a0 ist Inhalt dieses Beitrags. W\u00e4hrend bei wp-cumulus ein Flash-Objekt zur Animation ben\u00f6tigt wird, kann bei der SVG Tag Cloud dieses mit SVG Hilfsmitteln und SVG-Web realisiert werden. &hellip; <a href=\"http:\/\/www.riemerundco.de\/bl\/?p=100\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,24],"tags":[16,23,22,18],"class_list":["post-100","post","type-post","status-publish","format-standard","hentry","category-tag-cloud-2","category-webdesign","tag-cumulus","tag-javascript","tag-svg","tag-tag-cloud"],"_links":{"self":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100"}],"version-history":[{"count":25,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts\/100\/revisions"}],"predecessor-version":[{"id":137,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts\/100\/revisions\/137"}],"wp:attachment":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=100"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}