How to Hand Code SVG | Envato Tuts+
In this tutorial we’re going to cover all the fundamentals of coding SVGs by hand, but I’m not going to bore you with a dry lecture that just trots out the relevant shapes and attributes. Instead you’ll learn how to hand code SVG through practice, creating six icons. In the process, you’ll use all of the basic elements required for SVG hand coding. One of the great things about scalable vector gra
グリグリ動ãUIã‚’Vueã¨SVGã§ã‚µã‚¯ãƒƒã¨æ›¸ã - No Regrets in Bathing
ã“れ㯠Vue.js #3 Advent Calendar 2017 – Qiita 4日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚SVGã§è‰²ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚最近ã®ä½œå“ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作りãŸã„ï¼ï¼ã¨ã„ã†ä¸€å¿ƒã§ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã“れらã¯ã»ã¨ã‚“ã©SVGã¨Vueã®çµ„ã¿åˆã‚ã›ã®ã¿ã§ä½œã£ã¦ã„ã¾ã™ã€‚ä¾å˜ãŒå°‘ãªã„ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã€ãƒ©ã‚¤ãƒ–ラリ間ã®ç›¸æ€§ã§ãƒãƒžã£ãŸã‚Šã€ã„ã‚ã‚“ãªãƒ‰ã‚ュメント間を往復ã™ã‚‹ã“ã¨ãŒãªããªã‚Šã¾ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作るã®ã¯åŸºæœ¬çš„ã«ã‚ã‚“ã©ãã•ã„ã§ã™ã€‚jQuery pluginを駆使ã—ã¦ä½œã‚‹ã®ã‚‚é—‡ãŒå¤šã„ã§ã™ã—ã€divã‚„canvasをゴリゴリã™ã‚‹ã®ã‚‚çµæ§‹æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã§ã™ãŒã€æœ€è¿‘ã¯SVGã§é«˜åº¦ãªUI実装ã•ã‚Œã‚‹ã“ã¨ãŒå¢—ãˆã¦ããŸæ°—ãŒã—ã¾ã™ã€‚特ã«è‡ªåˆ†ãŒè¡æ’ƒã‚’å—ã‘ãŸã®ã¯ã€CacooãŒFlashã‹ã‚‰SVGã«ã‚¹ã‚¤ãƒƒãƒã—ãŸã“ã¨ã§ã™ã€‚ nulab-i
SVGã§ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルãªæ›¸ä½“を作る話｜dwango creators' blog（ドワンゴクリエイターズブãƒã‚°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€2016年度ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è·ã§æ–°å’入社ã—ã¾ã—ãŸ@Ln_northã§ã™ã€‚æ–°å’ç ”ä¿®ã‚‚çµ‚ã‚ã‚Šã€ç¾åœ¨ã¯OJTã®ã‚‚ã¨ã§ç”Ÿæ”¾é€ãƒãƒ¼ãƒ ã«ã‚¸ãƒ§ã‚¤ãƒ³ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€Googleã®ãƒã‚´ãŒå¤‰ã‚ã£ã¦ã„ãらã‹çµŒã¡ã¾ã™ãŒã€ã“ã®ãƒã‚´ã¯SVGを使ã†ã¨å°‘ãªã„データé‡ã§è¡¨ç¾ã§ãã‚‹ã¨ã„ã†ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒè©±é¡Œã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã‚’見ãŸéš›ã«ã€åŽ³å¯†ã«ã¯è¦–覚調整ãŒå…¥ã‚‹ã¯ãšãªã®ã§ã€æ£ç¢ºã«å¹¾ä½•çš„図形ã¨ã¯ä¸€è‡´ã—ãªã„ã ã‚ã†ã¨ã„ã†æ„Ÿæƒ³ã‚‚抱ãã¾ã—ãŸã€‚ã—ã‹ã—ã€SVGã§æ–‡å—を生æˆã™ã‚‹ã¨ã„ã†ã“ã¨ã«ã¯éžå¸¸ã«èˆˆå‘³ã‚’æŒã¡ã¾ã—ãŸã€‚今ã¾ã§ã«ã‚‚ã€æ–‡å—ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’使ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„表ç¾ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ–‡å—自体を生æˆã™ã‚‹ã¨ã„ã†ã‚‚ã®ã¯è¦‹ãŸã“ã¨ãŒãªãã€ãã—ã¦SVGã¯JavaScriptã§æ“作ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€æ›¸ä½“ã®å°è±¡ãŒå‹•çš„ãªãƒ•ã‚©ãƒ³ãƒˆã‚’作るã“ã¨ãŒã§ãã‚‹ã¨è€ƒãˆãŸã‹ã‚‰ã§ã™ã€‚ ã©ã†ã„ã†ã“ã¨ã‹ã¨ã„ã†ã¨ã€ä¾‹ãˆã° ã§ã‚ã‚‹ã¨ã‹ã€ ã¨ã„ã£ãŸã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}