{"id":8843,"date":"2023-04-19T14:20:58","date_gmt":"2023-04-19T05:20:58","guid":{"rendered":"https:\/\/takuyakobayashi.jp\/blog\/?p=8843"},"modified":"2023-04-19T14:20:58","modified_gmt":"2023-04-19T05:20:58","slug":"background%e3%81%a7svg%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e8%89%b2%e3%82%92%e5%bc%84%e3%82%8b","status":"publish","type":"post","link":"https:\/\/takuyakobayashi.jp\/blog\/2023\/04\/19\/8843","title":{"rendered":"background\u3067SVG\u3092\u5229\u7528\u3057\u3066\u8272\u3092\u5f04\u308b"},"content":{"rendered":"\n<p>SVG\u3092background\u3067\u4f7f\u3063\u3066\u8272\u3092\u81ea\u7531\u306b\u3044\u3058\u308b\u65b9\u6cd5\u3002<\/p>\n\n\n\n<p>1. SVG\u306e\u30b3\u30fc\u30c9\u3092UTF8\u3067<strong><a href=\"https:\/\/ja.wikipedia.org\/wiki\/%E3%83%91%E3%83%BC%E3%82%BB%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d1\u30fc\u30bb\u30f3\u30c8\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0<\/a><\/strong>\u3059\u308b\u3002<br>\u30c4\u30fc\u30eb\uff1a<a href=\"https:\/\/tech-unlimited.com\/urlencode.html\">https:\/\/tech-unlimited.com\/urlencode.html<\/a><\/p>\n\n\n\n<p>2.\u6b21\u306e\u3088\u3046\u306bbackground-image\u306b\u6307\u5b9a\u3059\u308b\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>background-image: url(data:image\/svg+xml;charset=utf8,<em>%3Csvg%20xmlns%3D\uff5e\u7565\uff5efill%3D%22%23<strong>FFFFFF<\/strong>%22%<\/em>);<\/code><\/pre>\n\n\n\n<p>3.\u300cfill=&#8221;#<strong>FFFFFF<\/strong>&#8220;\u300d\u306b\u76f8\u5f53\u3059\u308b\u90e8\u5206\u3001<strong>FFFFFF<\/strong>\u304c\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\u306a\u306e\u3067\u3053\u3053\u3092\u81ea\u7531\u306b\u5909\u66f4\u3059\u308b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SVG\u3092background\u3067\u4f7f\u3063\u3066\u8272\u3092\u81ea\u7531\u306b\u3044\u3058\u308b\u65b9\u6cd5\u3002 1. SVG\u306e\u30b3\u30fc\u30c9\u3092UTF8\u3067\u30d1\u30fc\u30bb\u30f3\u30c8\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3059\u308b\u3002\u30c4\u30fc\u30eb\uff1ahttps:\/\/tech-unlimited.com\/urlencode.html 2. &hellip; <a href=\"https:\/\/takuyakobayashi.jp\/blog\/2023\/04\/19\/8843\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">background\u3067SVG\u3092\u5229\u7528\u3057\u3066\u8272\u3092\u5f04\u308b<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-8843","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts\/8843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/comments?post=8843"}],"version-history":[{"count":0,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts\/8843\/revisions"}],"wp:attachment":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/media?parent=8843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/categories?post=8843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/tags?post=8843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}