Fabric.js·Canvasã§2Dオブジェクトを自在ã«æç”»/æ“作 MOONGIFTHTML5ã®æ–°æ©Ÿèƒ½ã§ã‚ã‚‹Canvasã§ã™ãŒã€HTMLã¨ã¯éšåˆ†ä½¿ã„å‹æ‰‹ãŒé•ã†ãŸã‚ã«ãªã‹ãªã‹æ‰‹å‡ºã—ã—ã¥ã‚‰ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚2D/3Dã®ã©ã¡ã‚‰ã‚‚扱ãˆã¾ã™ãŒã€3Dã«ãªã‚‹ã¨ã•ã‚‰ã«æ•·å±…ãŒé«˜ããªã‚Šã¾ã™ã®ã§ã€ã¾ãšã¯2Dã‹ã‚‰å…¥ã‚‹ã®ãŒè‰¯ã•ãã†ã§ã™ã€‚ Canvas内ã§2Dオブジェクトをæãã®ã«ä½¿ãˆã‚‹ãƒ©ã‚¤ãƒ–ラリãŒFabric.jsã§ã™ã€‚Fabric.jsを使ã£ã¦Canvasã‚’ç©æ¥µçš„ã«ä½¿ã£ã¦ã¿ã¾ã—ょã†ã€‚ Fabric.jsã®ä½¿ã„æ–¹ デモã§ã™ã€‚様々ãªæç”»ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ SVGã‚’æãã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã‚ャッシュ機能を使ã†ã¨å¤šãã®ã‚ªãƒ–ジェクトもスムーズã«å‹•ã‹ã›ã¾ã™ã€‚ 影をã¤ã‘るデモã§ã™ã€‚アニメーションもã—ã¾ã™ã€‚ データをJSONã§å‡ºåŠ›ã§ãã¾ã™ã€‚ ã“ã¡ã‚‰ã¯SVGã§ã®å‡ºåŠ›çµæžœã€‚ Fabric.jsã§ã¯æ–‡å—ã‚„ç”»åƒã®æç”»ã€ãƒžã‚¦ã‚¹ã‚¤ãƒ™ãƒ³ãƒˆã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚ªãƒ–ジェクトã®ã‚°ãƒ«ãƒ¼ãƒ”ングã€ãƒžã‚¦ã‚¹ã«ã‚ˆã‚‹å¤‰å½¢ãªã©æ§˜ã€…ãªæ“作ãŒã§ãるよ
PlayCanvas - The Web Graphics Creation Platform
jQuery風ã«ç°¡å˜ã«Canvasを扱ãˆã‚‹ãƒ©ãƒƒãƒ‘ーライブラリ「Canvas Queryã€:phpspot開発日誌
chrome-life.com
{{#tags}}- {{label}}
{{/tags}}