{"id":2782,"date":"2023-06-08T11:21:03","date_gmt":"2023-06-08T09:21:03","guid":{"rendered":"https:\/\/digitalia.culturanuova.net\/blog\/?p=2782"},"modified":"2025-04-14T08:02:30","modified_gmt":"2025-04-14T06:02:30","slug":"svg-text-on-circle","status":"publish","type":"post","link":"https:\/\/digitalia.culturanuova.net\/blog\/?p=2782","title":{"rendered":"svg text on circle"},"content":{"rendered":"\n<p>To put a text on a circle you have either <\/p>\n\n\n\n<p>a) to convert the circle in a path.<\/p>\n\n\n\n<p>This <a href=\"https:\/\/complexdan.com\/svg-circleellipse-to-path-converter\/\" data-type=\"URL\" data-id=\"https:\/\/complexdan.com\/svg-circleellipse-to-path-converter\/\">website<\/a> can help you.<br><br>Or b) use <code>&lt;circle&gt;<\/code> tag, such as in this example<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;circle id=\"circle\" cx=\"70\" cy=\"80\" r=\"68\" \/&gt;\n&lt;text style=\"fill: green; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; white-space: pre;\"&gt;\n  &lt;textPath href=\"#circle\" startOffset=\"60%\" side=\"right\"&gt;some text&lt;\/textPath&gt;\n  &lt;\/text&gt;<\/code><\/pre>\n\n\n\n<p>In <a href=\"..\/multimedia\/img\/svg\/Giubileo-2025-logo-con-testo.svg\">this example <\/a>the code<code> side=\"right\"<\/code> will help you to get a not upside down text.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To put a text on a circle you have either a) to convert the circle in a path. This website can help you. Or b) use &lt;circle&gt; tag, such as in this example In this example the code side=&#8221;right&#8221; will help you to get a not upside down text.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[631,566],"tags":[818,23,640,817,940],"class_list":["post-2782","post","type-post","status-publish","format-standard","hentry","category-graphics","category-webmaster","tag-circle","tag-svg","tag-text","tag-textpath","tag-upsdide-down-text"],"_links":{"self":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2782"}],"version-history":[{"count":7,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2782\/revisions"}],"predecessor-version":[{"id":3159,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2782\/revisions\/3159"}],"wp:attachment":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}