{"version":"1.0","title":"\u3010JavaScript & Canvas\u3011\u7b49\u901f\u5ea6\u904b\u52d5\u306e\u30dc\u30fc\u30eb\u3092\u5f3e\u307e\u305b\u3066\u307f\u308b","author_url":"https://blog.hatena.ne.jp/kazuki_nagasawa/","height":"190","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kazuki_nagasawa/20221121/20221121092544.png","provider_name":"Hatena Blog","blog_url":"https://kazuki-nagasawa.hatenablog.com/","categories":["JavaScript","Canvas"],"published":"2022-11-21 09:51:14","provider_url":"https://hatena.blog","url":"https://kazuki-nagasawa.hatenablog.com/entry/memo_20221121_javascript_canvas_move_points_3","blog_title":"\u96d1\u98df\u6027\u96d1\u611f\u96d1\u8a18","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkazuki-nagasawa.hatenablog.com%2Fentry%2Fmemo_20221121_javascript_canvas_move_points_3\" title=\"\u3010JavaScript &amp; Canvas\u3011\u7b49\u901f\u5ea6\u904b\u52d5\u306e\u30dc\u30fc\u30eb\u3092\u5f3e\u307e\u305b\u3066\u307f\u308b - \u96d1\u98df\u6027\u96d1\u611f\u96d1\u8a18\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"kazuki_nagasawa","type":"rich","width":"100%","description":"\u5148\u65e5\u306b\u30dc\u30fc\u30eb\u3092\u58c1\u306b\u53cd\u5c04\u3055\u305b\u308b\u306e\u3092\u4f5c\u3063\u305f\u3002 \u30b3\u30ec\u3001\u30dc\u30fc\u30eb\u304c\u53cd\u5c04\u3059\u308b\u3068\u304d\u306b\u5f3e\u307e\u305b\u3066\u307f\u305f\u3089\u9762\u767d\u3044\u304b\u306a\u30fc\u3068\u601d\u3044\u3001\u5f3e\u307e\u305b\u308b\u65b9\u6cd5\u3092\u8003\u3048\u3066\u307f\u305f\u3002 \u4f5c\u6210\u7269 \u5185\u5bb9\u306f\u524d\u3068\u4e00\u7dd2\u3002Canvas \u30a8\u30ea\u30a2\u306b\u30de\u30a6\u30b9\u30ab\u30fc\u30bd\u30eb\u3092\u6301\u3063\u3066\u3044\u304f\u3068\u3001mousemove \u30a4\u30d9\u30f3\u30c8\u306b\u3088\u308a\u30dc\u30fc\u30eb\u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002 \u30dc\u30fc\u30eb\u306f\u58c1\u306b\u53cd\u5c04\u3059\u308b\u969b\u3001\u3061\u3087\u3063\u3068\u5f3e\u3093\u3067\u304b\u3089\u53cd\u5c04\u3057\u307e\u3059\u3002 \u6280\u8853\u8981\u7d20 Canvas \u306e\u6955\u5186\u5f62 \u6955\u5186\u306f\u2015\u2015\u3068\u601d\u3063\u305f\u3089\u3001ellipse() \u3067\u63cf\u3051\u308b\u3093\u3067\u3059\u306d\u3002\u4fbf\u5229\u3002 \u77ed\u8fba\u3068\u9577\u8fba\u3092\u8a2d\u5b9a\u3059\u308c\u3070\u63cf\u3051\u308b\u3068\u306e\u3053\u3068\u3067\u3061\u3087\u3063\u3068\u5b9f\u9a13\u3002 \u77ed\u8fba = 20\u3001\u9577\u8fba = 40 \u3068\u3057\u305f\u6955\u5186\u3068\u3001 \u4e21\u8fba 20 \u3067\u6955\u5186\u3092\u63cf\u3044\u305f\u3082\u306e\u3001\u540c\u3058\u304f\u4e21\u8fba 40 \u3067\u6955\u5186\u3092\u63cf\u3044\u305f\u3082\u306e\u3092\u4e26\u3079\u2026"}