javascriptã§ç”»åƒå‡¦ç†ã‚’ã™ã‚‹ã€HTML5】 - ã‚ã‚ã‚“ã¨HTML5ã§javascriptを使ã£ã¦ç”»åƒå‡¦ç†ã‚’ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯æ‰‹å§‹ã‚ã«ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«åŒ–(白色・ç°è‰²ãƒ»é»’色ã«ã™ã‚‹)ã¨ã‚½ãƒ¼ãƒ™ãƒ«ãƒ•ã‚£ãƒ«ã‚¿ã®å‡¦ç†ã«ã¤ã„ã¦å–り組ã¿ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ä¸€éƒ¨HTML5ã®canvasを利用ã—ã¦ãŠã‚Šã“ã‚Œã¯IEã®8ã¾ã§ã¯å‹•ã‹ãªã„ã®ã§ã™ãŒã€ExploreCanvasã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを使用ã™ã‚‹ã“ã¨ã§ä»–ã®ãƒ–ラウザã¨åŒã˜ã‚ˆã†ãªæŒ™å‹•ã‚’見ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ç”»åƒã®èªã¿è¾¼ã¿ ç”»åƒå‡¦ç†ã™ã‚‹å¯¾è±¡ã®ç”»åƒã«ã¤ã„ã¦ã¯ã˜ã‚ã‹ã‚‰URLを指定ã™ã‚‹ã‹HTML5ã®File APIを利用ã—ã¦ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸæ–¹ã®ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰é¸ã¶ã‹ã§èªã¿è¾¼ã¾ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 外部ファイルã‹ã‚‰èªã¿è¾¼ã‚€ å‰è¿°ã®é€šã‚ŠHTML5ã®FileAPIを使ã„ã¾ã™ã€‚ HTMLå´ <input type="file" id="selectfile" accept='image/*'> JSå´ //ファイルオープンã®éš›ã®ã‚¤ãƒ™
ç”»åƒã®ãƒãƒ¼ãƒ‰å®Œäº†ã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã—ã¦ã¿ã‚‹
jQueryéžåŒæœŸã€Image()ã§ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºï½œjquery｜POPSブãƒã‚°ï½œPOPS WEB KOUBOU
smartcrop.js - è¦æ³¨ç›®ï¼ã‚¹ãƒžãƒ¼ãƒˆãªã‚¯ãƒãƒƒãƒ—æ©Ÿèƒ½ã‚’å®Ÿç¾ MOONGIFT
andante.in
{{#tags}}- {{label}}
{{/tags}}