リストã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’canvasã§ä½œã£ã¦ã¿ãŸhtml ã“ã®é€šã‚Šä½•ã®ã¸ã‚“ã¦ã¤ã‚‚ãªã„リストãŒã‚ã‚Šã¾ã™ã€‚ canvasã‚¿ã‚°ã¯jQueryã§è¿½åŠ ã—ã¾ã™ã€‚ html <ul class="icon"> <li>item01</li> <li>item02</li> <li>item03</li> <li>item04</li> <li>item05</li> </ul> css リストã®ç”»åƒã¯æ™®é€šcssã®èƒŒæ™¯ç”»åƒã§æŒ‡å®šã—ã¾ã™ãŒã€èƒŒæ™¯ç”»åƒã«canvasã¯ãŸã¶ã‚“指定ã§ãã¾ã›ã‚“ã®ã§ã€liã®ç›´ä¸‹ã«canvasを入れã¾ã™ã€‚ ç´°ã‹ã„調整ã¯canvasã®topã‚„leftã§ä¿®æ£ã—ã¦ãã ã•ã„。 css ul.icon { list-style: none; } ul.icon li { position: relative; margin-bottom: 0.5em; } ul.icon li canvas { position: absolute; top:
http://www.visitmix.com/labs/ai2canvas/
{{#tags}}- {{label}}
{{/tags}}