{"type":"rich","blog_url":"https://techblog.kayac.com/","author_name":"kayactech","author_url":"https://blog.hatena.ne.jp/kayactech/","blog_title":"KAYAC Engineers' Blog","provider_name":"Hatena Blog","height":"190","url":"https://techblog.kayac.com/canvas-tutorial.html","provider_url":"https://hatena.blog","title":"\u4eca\u66f4\u805e\u3051\u306a\u3044canvas\u306e\u57fa\u790e\u306e\u57fa\u790e","description":"\u306f\u3058\u3081\u307e\u3057\u3066\u3002\u65b0\u5165\u308a\u306enagata\u3067\u3059\u3002 \u5165\u793e\u5f0f\u3067\u81ea\u8ee2\u8eca\u4e57\u3063\u3066\u305f\u91ce\u90ce\u3067\u3059\u3002 \u5148\u8f29\u65b9\u304b\u3089\u300c\u30d6\u30ed\u30b0\u3001\u66f8\u3044\u3066\u306d\uff01\u300d\u3068\u306e\u304a\u9054\u3057\u304c\u3042\u3063\u305f\u306e\u3067\u3001 \u65e5\u5831\u3067\u66f8\u3044\u305f\u3089\u30a6\u30b1\u304c\u3088\u3055\u3052\u3060\u3063\u305fcanvas\u306e\u3053\u3068\u306b\u3064\u3044\u3066\u66f8\u3044\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002 \u203b\u5404\u7a2e\u30b5\u30f3\u30d7\u30eb\u306fMac\u4e0a\u306eSafari4.05\u3001Firefox3.6.3\u3001Chrome5.0\u3067\u52d5\u4f5c\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002 canvas\u3063\u3066\u306a\u3093\u305e\uff1f \u56f3\u3092\u66f8\u304d\u8fbc\u3081\u308bhtml\u8981\u7d20\u3067\u3059\u3002 OpenGL\u3084DirectX\u306e\u3088\u3046\u306a\u9762\u5012\u306a\u8a2d\u5b9a\u3092\u66f8\u304f\u3053\u3068\u306a\u304f\u3001 \u624b\u8efd\u306b\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u63cf\u753b\u304c\u884c\u3048\u307e\u3059\u3002 \u30d6\u30e9\u30a6\u30b6\u3060\u3051\u3067\u30ed\u30fc\u30ab\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3088\u3046\u306a \u30b0\u30e9\u30d5\u30a3\u30ab\u30eb\uff08\u304b\u3064\u52d5\u7684\u306a\uff09\u8868\u73fe\u304c\u884c\u3048\u308b\u308f\u3051\u3067\u3059\u3002 \u3068\u308a\u3042\u2026","version":"1.0","width":"100%","published":"2010-04-26 10:00:00","categories":["canvas","JavaScript","svg"],"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kayactech/20161026/20161026183748.png","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.kayac.com%2Fcanvas-tutorial.html\" title=\"\u4eca\u66f4\u805e\u3051\u306a\u3044canvas\u306e\u57fa\u790e\u306e\u57fa\u790e - KAYAC Engineers&#39; Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}