{"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/l/little_strange/20210606/20210606224313.png","categories":["HTML\u306a\u3069"],"title":"SVG\u3067\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3092\u63cf\u3044\u3066\u307f\u305f","blog_url":"https://little-strange.hatenablog.com/","width":"100%","author_name":"little_strange","author_url":"https://blog.hatena.ne.jp/little_strange/","published":"2021-06-06 23:02:35","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2021%2F06%2F06%2F230235\" title=\"SVG\u3067\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3092\u63cf\u3044\u3066\u307f\u305f - Little Strange Software\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","provider_name":"Hatena Blog","url":"https://little-strange.hatenablog.com/entry/2021/06/06/230235","description":"\u3069\u3046\u3082\uff01LSS\u3067\u3059\uff01\uff01 \u304b\u306a\u30fc\u308a\u4ee5\u524d\u306b\u3067\u3059\u304c\u3001 JavaScript\u3068<canvas>\u30bf\u30b0\u3092\u4f7f\u3063\u3066\u3001\u30d6\u30ed\u30b0\u8a18\u4e8b\u4e0a\u306b\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3055\u305b\u3066\u307f\u305f\u4e8b\u304c\u3042\u308a\u307e\u3059\u3002 <canvas>\u30bf\u30b0\u3092\u4f7f\u3046\u3068\u3001\u305d\u306e\u4e2d\u306bJavaScript\u304b\u3089\u81ea\u7531\u306b\u7dda\u3092\u5f15\u3044\u3066\u753b\u50cf\u3068\u3057\u3066\u306e\u8868\u73fe\u304c\u3067\u304d\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u305f\u3060\u306e\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u306b\u4f7f\u3046\u3068\u3044\u3046\u8d05\u6ca2\u306a\uff1f\u4f7f\u3044\u65b9\u3067\u3057\u305f\u3002 \u3067\u3001\u300c\u30b3\u30fc\u30c9\u304b\u3089\u753b\u50cf\u306e\u3088\u3046\u306a\u8868\u73fe\u3092\u884c\u3046\u300d\u3068\u3044\u3046\u610f\u5473\u3067\u306fSVG\u3067\u3082\u540c\u69d8\u306a\u306e\u3067\u3001\u4eca\u56de\u306f\u300c\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3092SVG\u3067\u63cf\u3044\u3066\u307f\u308b\u300d\u3068\u3044\u3046\u306e\u3092\u8a66\u307f\u3066\u307f\u307e\u3057\u305f\uff01 \u6298\u308c\u7dda\u30b0\u30e9\u30d5 \u30b3\u30fc\u30c9 \u6298\u308c\u7dda\u30c7\u30fc\u30bf\u306f\u30b3\u30fc\u30c9\u306e\u8d64\u6587\u5b57\u90e8\u5206 \u4f59\u8ac7 \u6298\u308c\u7dda\u30b0\u30e9\u30d5 \u30b3\u30fc\u30c9 <svg xmlns=\"http://www\u2026","height":"190","provider_url":"https://hatena.blog","blog_title":"Little Strange Software","version":"1.0"}