{"id":2481,"date":"2021-11-05T18:31:34","date_gmt":"2021-11-05T17:31:34","guid":{"rendered":"https:\/\/digitalia.culturanuova.net\/blog\/?p=2481"},"modified":"2021-11-05T18:34:36","modified_gmt":"2021-11-05T17:34:36","slug":"radial-gradient-in-new-kde","status":"publish","type":"post","link":"https:\/\/digitalia.culturanuova.net\/blog\/?p=2481","title":{"rendered":"radial gradient in new KDE"},"content":{"rendered":"\n<p>The new KDE Plasma releases require a slight change in your svg files, if you have a radiant gradient (no problems instead with the linear ones).<\/p>\n\n\n\n<p>You have to specify the radialGradient <strong>cx<\/strong>, <strong>cy<\/strong> and <strong>r<\/strong>, like in the following example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?xml version=\"1.0\" standalone=\"no\"?&gt;\n&lt;svg viewBox=\"0 0 22 22\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"&gt;\n  &lt;defs&gt;\n    &lt;radialGradient id=\"gradient\" cx=\"0.50\" cy=\"0.50\" r=\"0.45\"&gt;\n      &lt;stop offset=\"0%\" stop-color=\"#fbfbf0\"&gt;&lt;\/stop&gt;\n      &lt;stop offset=\"80%\" stop-color=\"#bc5a1f\"&gt;&lt;\/stop&gt;\n    &lt;\/radialGradient&gt;\n  &lt;\/defs&gt;\n  &lt;g&gt;\n    &lt;path fill=\"url(#gradient)\" d=\"M11 .008l3.4 6.888L22 8l-5.5 5.361 1.298 7.57L11 17.357l-6.798 3.574 1.298-7.57L0 8l7.6-1.104z\" \/&gt;\n  &lt;\/g&gt;\n&lt;\/svg&gt;<\/code><\/pre>\n\n\n\n<p>Because a svg with this other following code won&#8217;t work (will be invisible)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?xml version=\"1.0\" standalone=\"no\"?&gt;\n&lt;svg viewBox=\"0 0 22 22\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"&gt;\n  &lt;defs&gt;\n    &lt;radialGradient id=\"gradient\"&gt;\n      &lt;stop offset=\"0%\" stop-color=\"#fbfbf0\"&gt;&lt;\/stop&gt;\n      &lt;stop offset=\"80%\" stop-color=\"#bc5a1f\"&gt;&lt;\/stop&gt;\n    &lt;\/radialGradient&gt;\n  &lt;\/defs&gt;\n  &lt;g&gt;\n    &lt;path fill=\"url(#gradient)\" d=\"M11 .008l3.4 6.888L22 8l-5.5 5.361 1.298 7.57L11 17.357l-6.798 3.574 1.298-7.57L0 8l7.6-1.104z\" \/&gt;\n  &lt;\/g&gt;\n&lt;\/svg&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The new KDE Plasma releases require a slight change in your svg files, if you have a radiant gradient (no problems instead with the linear ones). You have to specify the radialGradient cx, cy and r, like in the following example: Because a svg with this other following code won&#8217;t work (will be invisible)<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[631,647],"tags":[706,707,23],"class_list":["post-2481","post","type-post","status-publish","format-standard","hentry","category-graphics","category-linux","tag-gradient","tag-radial-gradient","tag-svg"],"_links":{"self":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2481","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=2481"}],"version-history":[{"count":5,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2481\/revisions"}],"predecessor-version":[{"id":2486,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2481\/revisions\/2486"}],"wp:attachment":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}