Simple IconsA CCO project maintained by the Simple Icons contributors. Use GitHub for requests, corrections and contributions. Kindly supported by your donations at Open Collective.
SVGã§ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルãªæ›¸ä½“を作る話｜dwango creators' blog（ドワンゴクリエイターズブãƒã‚°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€2016年度ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è·ã§æ–°å’入社ã—ã¾ã—ãŸ@Ln_northã§ã™ã€‚æ–°å’ç ”ä¿®ã‚‚çµ‚ã‚ã‚Šã€ç¾åœ¨ã¯OJTã®ã‚‚ã¨ã§ç”Ÿæ”¾é€ãƒãƒ¼ãƒ ã«ã‚¸ãƒ§ã‚¤ãƒ³ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€Googleã®ãƒã‚´ãŒå¤‰ã‚ã£ã¦ã„ãらã‹çµŒã¡ã¾ã™ãŒã€ã“ã®ãƒã‚´ã¯SVGを使ã†ã¨å°‘ãªã„データé‡ã§è¡¨ç¾ã§ãã‚‹ã¨ã„ã†ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒè©±é¡Œã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã‚’見ãŸéš›ã«ã€åŽ³å¯†ã«ã¯è¦–覚調整ãŒå…¥ã‚‹ã¯ãšãªã®ã§ã€æ£ç¢ºã«å¹¾ä½•çš„図形ã¨ã¯ä¸€è‡´ã—ãªã„ã ã‚ã†ã¨ã„ã†æ„Ÿæƒ³ã‚‚抱ãã¾ã—ãŸã€‚ã—ã‹ã—ã€SVGã§æ–‡å—を生æˆã™ã‚‹ã¨ã„ã†ã“ã¨ã«ã¯éžå¸¸ã«èˆˆå‘³ã‚’æŒã¡ã¾ã—ãŸã€‚今ã¾ã§ã«ã‚‚ã€æ–‡å—ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’使ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„表ç¾ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ–‡å—自体を生æˆã™ã‚‹ã¨ã„ã†ã‚‚ã®ã¯è¦‹ãŸã“ã¨ãŒãªãã€ãã—ã¦SVGã¯JavaScriptã§æ“作ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€æ›¸ä½“ã®å°è±¡ãŒå‹•çš„ãªãƒ•ã‚©ãƒ³ãƒˆã‚’作るã“ã¨ãŒã§ãã‚‹ã¨è€ƒãˆãŸã‹ã‚‰ã§ã™ã€‚ ã©ã†ã„ã†ã“ã¨ã‹ã¨ã„ã†ã¨ã€ä¾‹ãˆã° ã§ã‚ã‚‹ã¨ã‹ã€ ã¨ã„ã£ãŸã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„
PSDファイルã§ã§ãã‚‹ã‚“ã ï¼è¦ç´ ãŒã·ã‚‹ã‚‹ã‚“ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã£ã¤ã„ãŸã‚Šé›¢ã‚ŒãŸã‚Šã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ -Photoshop Gooey Effect
PSDファイルã§ã§ãã‚‹ã‚“ã ï¼è¦ç´ ãŒã·ã‚‹ã‚‹ã‚“ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã£ã¤ã„ãŸã‚Šé›¢ã‚ŒãŸã‚Šã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ -Photoshop Gooey Effect
SVG奮闘記　ー　SVGè¦ç´ ã‚’ãã«ã‚‡ãã«ã‚‡å‹•ã‹ã™å®Ÿè£…を完了ã•ã›ã‚‹ã¾ã§ã«å³å¾€å·¦å¾€ã—ãŸè©± - Qiita
ã“ã‚“ã«ã¡ã¯ã€‚ã›ã„ã¨ï¼ˆ@seito2014）ã§ã™ã€‚ LIGアドベントカレンダー13日目ã§ã™ã€‚ ##ã¯ã˜ã‚㫠最近ã¨ã‚るサイト制作ã§SVGアニメーションを利用ã—ãŸã®ã§ã™ãŒã€ãã“ã§ã¤ã¾ã¥ãã¾ãã£ãŸã“ã¨ã‚’ã¤ã‚‰ã¤ã‚‰ã¨æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã‚るサイトã¨ã„ã†ã®ã¯ã“ã¡ã‚‰ã§ã€è¦‹ã¦ã„ãŸã ãã¨ã‚ã‹ã‚‹ã®ã§ã™ãŒã€ãƒ¡ã‚¤ãƒ³ãƒ“ジュアルãŒãã«ã‚‡ã‚“ãã«ã‚‡ã‚“å‹•ã„ã¦ã¾ã™ã€‚ ä»–ã«ã‚‚ã„ãŸã‚‹ã¨ã“ã‚ã§SVGやらCanvasやら使ã£ã¦ã‚‹ã‚µã‚¤ãƒˆãªã®ã§ã™ãŒã€ä»Šå›žã¯ãƒ¡ã‚¤ãƒ³ãƒ“ジュアルã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«è¨€åŠã—ã¦æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ・イメージ図 ※ã‚ャプãƒãƒ£ç”»åƒã¯ã¡ã‚‡ã£ã¨ã‚°ãƒ¬ãƒ¼ãªã®ã§åˆ¥é€”ç”»åƒã‚’用æ„ã—ã¾ã—ãŸã€‚ 当時ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‹ã‚‰é™æ¢ç”»ã®PSDをもらã£ã¦ã€Œã“ã®éƒ¨åˆ†ã‚’ã“ã†ã€ãã«ã‚‡ãã«ã‚‡å‹•ã‹ã—ã¦ã»ã—ã„ã€ã¨è¨€ã‚ã‚Œã¦ã€ã‚„ã‚‹ãªã‚‰Canvasã‹SVGã®ã©ã¡ã‚‰ã‹ã ã‚ã†ãªã‚ã¨æ€ã„ã¾ã—ãŸã€‚ ãŸã ã€Canvasã§ã‚„ã‚‹å ´åˆã¯æらã計算å¼ãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ã‚“
Tips for Creating and Exporting Better SVGs for the Web
Tips for Creating and Exporting Better SVGs for the Web Published on 16 Nov, 2015Â | Â Takes approximately 12 min to read Working with SVG in a RWD workflow usually involves a design phase and a development phase. The design phase is usually handled by designers who may or may not know how to code. And because of the nature of SVG as both an image format and a document format, every step taken in
srcset属性を使ã£ãŸSVGフォールãƒãƒƒã‚¯ãƒ»ãƒãƒƒã‚¯
SVGをサãƒãƒ¼ãƒˆã™ã‚‹ç’°å¢ƒãŒã»ã¨ã‚“ã©ã«ãªã£ã¦ããŸã€‚ãã‚Œã§ã‚‚ãªã‚“ã¨ã‹8ã§ã‚ã£ãŸã‚Šã€ã‹ã‚“ã¨ã‹2.3ã§ã‚ã£ãŸã‚Šã®ã“ã¨ã‚’考慮ã›ã–ã‚‹ã‚’ãˆãªã„ã¨ã„ã†çŠ¶æ³ã¯ã‚ã‚Šã†ã‚‹ã€‚ãã‚Œã«ã¯onerror属性を使ã£ãŸå¯¾å¿œãŒæœ‰åŠ›ã ãŒã€srcset属性ã§SVGファイルを指定ã™ã‚‹ã ã‘ã¨ã„ã†ãƒãƒƒã‚¯ã®ã“ã¨ã‚’知ã£ãŸã€‚å°†æ¥çš„ã«ä½¿ãˆãªããªã‚‹ã‚ã‘ã§ã¯ãªã„ãŒã€ã‚„ã‚ŠãŸã„ã“ã¨ã¨å®Ÿè£…ã«é£Ÿã„é•ã„ãŒå°‘ãªã‹ã‚‰ãšã‚ã‚‹ã®ã§ãƒãƒƒã‚¯ã¨è¨€ã£ã¦è‰¯ã„ã ã‚ã†ã€‚ <img src="foo.png" srcset="foo.svg"> 表示ã—ãŸã„SVGã‚’srcset属性ã§ã€ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«ä½¿ã„ãŸã„PNGã‚’src属性ã§æŒ‡å®šã™ã‚‹ã ã‘ã 。ã“ã‚Œã§srcset属性をサãƒãƒ¼ãƒˆã—ã¦ã„るブラウザーã§ã¯SVGãŒã€ãã†ã§ãªã„ブラウザーã§ã¯PNGãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚srcset属性ã®ã‚µãƒãƒ¼ãƒˆã«å¯¾ã—ã¦ã€ã‚ˆã‚Šå¤šãã®ãƒ–ラウザーãŒSVGをサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã“ã¨ã‹ã‚‰æˆç«‹ã™ã‚‹ã€‚ã‚‚ã¡ã‚ん食ã„é•ã„ãŒã‚ã‚‹ã®ã§SVGã‚’
本気ã§ä½¿ã„ã“ãªã™ã€ŒSVGã€å†å…¥é–€ã€2015年版】
スマートフォンå‘ã‘ã®WebサイトやWebアプリをä¸å¿ƒã«ã€ã€ŒSVGã€ãŒã„ã¾å†æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚å˜ãªã‚‹ç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’超ãˆã¦ã€æœ€è¿‘ã§ã¯ã•ã¾ã–ã¾ãªè¡¨ç¾ã«åºƒã活用ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ SVGã®æ¦‚è¦ã‹ã‚‰åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€Web制作ã§ã®æ´»ç”¨æ–¹æ³•ã¾ã§ã‚’ã˜ã£ãり解説。CSSã«ã‚ˆã‚‹è£…飾やJavaScriptã¨ã®é€£æºãªã©ã€ã™ã§ã«ä½¿ã£ã¦ã„る人ãŒã‚‚ã£ã¨ä½¿ã„ã“ãªã™ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚紹介ã—ã¾ã™ã€‚
SVGを使用ã—ã¦ã‚‹ä¼æ¥ãƒ»å›£ä½“ã®ã‚µã‚¤ãƒˆã‚’22ヶ国ã€160件以上調ã¹ã¦ã¿ãŸ - è´ã耳をæŒãŸãªã„(片方ã—ã‹)
ã“ã®ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§ã¯éŽåŽ»ã«ä½•åº¦ã‹SVGã®è¨˜äº‹ã‚’書ã„ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã‚Œã«å¯¾ã™ã‚‹å響㧠SVGã£ã¦æœªã ã«ä½¿ã£ã¦ã‚‹ã¨ã“ã‚を見ãŸã“ã¨ãŒç„¡ã„ ã¨ã‹ ã„ã¤ã«ãªã£ãŸã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã‹ æ°¸é ã«æ™®åŠã—ãªã•ãㆠã¿ãŸã„ãªæ„見をよã見ã‹ã‘ã¾ã™ã€‚ ãã†ã—ãŸåå¿œã«ã‚«ãƒãƒ³ã¨ããŸâ€¦â€¦ã¨ã„ã†ã»ã©ã§ã¯ãªã„ã®ã§ã™ãŒã€ç´å¾—ã—ã¦ã‚‚らã†ã«ã¯å®Ÿä¾‹ã‚’挙ã’ã¦åè«–ã™ã‚‹ã®ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã ã‚ã†ãªã€ã¨è€ƒãˆã¦SVGã®åˆ©ç”¨çŠ¶æ³ã‚’調査ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‹ã¨ã„ã£ã¦å€‹äººã‚µã‚¤ãƒˆã®åˆ©ç”¨ä¾‹ã‚’挙ã’ã‚‹ã ã‘ã§ã¯èª¬å¾—力ãŒãªã„ã§ã—ょã†ã‹ã‚‰ã€è‘—åãªä¼æ¥ã‚„団体ã§ã®SVG採用事例をリストアップã—ã¦ã¿ãŸæ¬¡ç¬¬ã§ã™ã€‚ ãã—ã¦ã‚‚ã†ä¸€ã¤ã®å‹•æ©Ÿã¨ã—ã¦ã€Webサイトã®åˆ¶ä½œç¾å ´ã§SVGã®å°Žå…¥ã‚’検討ã™ã‚‹éš›ã«ã€åŒåƒšã‚„上å¸ã€ã¾ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã®åŒæ„を得る・説得ã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã‚‚ã€æ—¢ã«å®Ÿéš›ã«åˆ©ç”¨ã—ã¦ã„ã‚‹ä¼æ¥ã‚„団体をæ示ã§ãã‚Œã°è©±ã‚’進ã‚ã‚„ã™ã„ã ã‚ã†ãªã€â€¦â€¦ã¨ã„ã£ãŸç‹™ã„ã‚‚ã‚ã‚Šã¾ã™ã€‚ 例ãˆã° ã‚ã®æœ‰åãª
マークアップ・エンジニアã®ãŸã‚ã®SVG入門 | 第1回 SVGコードã®åŸºæœ¬
マークアップ・エンジニアã®ãŸã‚ã®SVG入門 第1回 SVGコードã®åŸºæœ¬ ã“ã®è¨˜äº‹ã§ã¯ã¾ãšSVGã®ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦ã®åŸºæœ¬ã¨ã€ã•ã¾ã–ã¾ãªå®Ÿè£…方法を概観ã—ã¦ã¿ã¾ã—ょã†ã€‚ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚’æ‰ãˆã‚‰ã‚Œã‚‹ã¨ã€å®Ÿè£…方法ã®é¸æŠžãŒé©åˆ‡ã«ã§ãã¾ã™ã€‚ ã¯ã˜ã‚ã« SVGã¯ã€Android2.0系やIE8ã§ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã®ã§ã€ä»Šã®æ®µéšŽã§æ°—軽ã«ã¯ä½¿ã„ã¥ã‚‰ã„技術ã§ã™ã€‚ã—ã‹ã—ã€iOS Safariå‘ã‘ã®Webページãªã©ã€é™ã‚‰ã‚ŒãŸç’°å¢ƒã«å‘ã‘ã¦ã¯åŠ¹æžœã‚’発æ®ã—ã¾ã™ã€‚今回ã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアãŒçŸ¥ã£ã¦ãŠãã¹ãSVGã®ä»•æ§˜ã‚„使ã„方を見直ã—ã¦ã¿ã¾ã—ょã†ã€‚ ç”»åƒã§ã‚りテã‚ストã§ã‚ã‚‹ 「SVGï¼ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ルãªãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã€ã¯ã€SVGã®å¤§ããªç‰¹å¾´ã§ã™ã€‚ã“ã®ã“ã¨ã¯å¤šãã®äººãŒèªè˜ã—ã¦ã„ã‚‹ã§ã—ょã†ã€‚ ラスタ形å¼ã¯ç‰¹ã«æ‹¡å¤§ã«å¼±ãã€æ‹¡å¤§ã™ã‚‹ã¨ãƒ‰ãƒƒãƒˆãŒç›®ç«‹ã¤ã€‚一方ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã¯æ‹¡å¤§ã—ã¦ã‚‚ç”»åƒã®åŠ£åŒ–ã¯ãªã„。 SVGã«ã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒå˜åœ¨ã—ã€ã“ã‚Œã«ã‚ˆã‚Šç”»
How To Scale SVG | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. The following is a guest post by Amelia Bellamy-Royds. Amelia has lots of experience with SVG, as the co-author of SVG Essentials and author of the upcoming Using SVG with CSS3 and HTML5. Amelia and I both will be speaking on SVG at the upcoming RWD Summit as well! Here
Textures.js
SVG patterns for Data Visualization Textures are useful for the selective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .attr("r", radius) .style("fill", t.url()); Lines
SVGç·šç”»ãŒç¾Žã—ã„リッãƒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ (1/2)
ページé·ç§»ãŒæ¥½ã—ã„繊細ã§æ»‘らã‹ãªå‹•ã CSS3を使ã£ãŸæ»‘らã‹ãªå‹•ãã¨å¤§èƒ†ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãŒé…力的ãªã€ŒBeatrice Creationsã€ã€‚é»’ã¨ç™½ã‚’基調ã¨ã—ãŸè‡³ã£ã¦ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãªãŒã‚‰ã€ã¤ã„全ページを見ã¦ã¿ãŸããªã‚‹ã€é£½ãã®ã“ãªã„演出ãŒæ–½ã•ã‚Œã¦ã„る。 Béatrice Créationsã§ã¯ã€è¤‡æ•°ã‚る作å“ã®ãƒã‚´ã«SVGãŒä½¿ã‚ã‚Œã¦ãŠã‚Šã€ä½œå“ページを移動ã™ã‚‹ãŸã³ã«ç¾Žã—ã„カーブをæã。軽é‡ã§ã€æž ç·šã‚„ç·šç”»ã«ã‚ˆã£ã¦ç¹Šç´°ã§ãƒªãƒƒãƒãªä¸–界観を演出ã™ã‚‹ã€ä»Šæ³¨ç›®ã®SVGアニメーションを有効ã«æ´»ã‹ã—ãŸã‚µã‚¤ãƒˆã 。 今回ã¯ã“ã®ã‚µã‚¤ãƒˆã‚’ヒントã«ã€SVGã®åŸºæœ¬ã¨ã€CSS3アニメーションを使ã£ãŸå‹•ã‹ã—方を解説ã™ã‚‹ã€‚CSSã¨HTMLã®ã¿ã§æ¬¡ã®ã‚ˆã†ãªæž ç·šã¨ãƒ†ã‚ストをæãã€æœ€çµ‚çš„ã«ã¯jQueryを使ã£ã¦è‰²ã‚’変ãˆã‚‹ãƒ‡ãƒ¢ã‚’制作ã™ã‚‹ã€‚ STEP 1：SVGã®ãƒ‘スを作æˆã™ã‚‹ アニメーションを作るå‰ã«ã€Illustratorを使ã£ã¦ç´
Drawic v2.4.0
Drawicã«Pinboardã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’åŠ ãˆã‚‹ã¤ã„ã§ã«å¿˜ã‚Œã¦ã„ãŸInkscapeã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã—ãŸã€‚Dribbbleã¯ã¤ã„ã§ã€‚ãƒã‚§ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¯ãƒ¦ãƒ‹ã‚³ãƒ¼ãƒ‰ã§ä»£ç”¨åŠ¹ããã†ã ã‘ã©ã€ã‚·ãƒ£ãƒ¼ãƒ—ãŒä¿è¨¼ã•ã‚Œã¦ãã†ãªã‚„ã¤ãªã„æ°—ãŒã™ã‚‹ã®ã§ä½œã£ã¦ãŠã„ãŸã€‚ SVGã¯ãƒ¡ã‚メã‚ã¨éœ²å‡ºãŒå¢—ãˆã¦ããŸã€‚今利用ã—よã†ã¨ã™ã‚‹ã¨ã€å•é¡Œã«ãªã‚‹ã®ã¯ã‚„ã¯ã‚ŠCSSスプライトã«ç›¸å½“ã™ã‚‹æ‰‹æ®µã€‚CSSã«Data URIã§åŸ‹ã‚込んã§ã€ŒText Spriteã€ãªã©ã¨ãƒ—レゼンã§è¨€ã£ã¦ã‚‹äººã‚‚ã„ã‚‹ã‘ã©ã€ã¡ã‚‡ã£ã¨å¾®å¦™ãªæ„Ÿã˜ã€‚機能的ã«ã¯ãã†ã ã¨ã¯è¨€ãˆã‚‹ã‚“ã ã‘ã©ã€è¨€ã†ã¾ã§ã‚‚ãªã„デメリットãŒã‚ã‚‹ã‚ã‘ãªã®ã§æ°—軽ã«ä»£ã‚ã‚Šã«ä½¿ãˆã‚‹ã‚ã‘ã§ã¯ãªã„ã‹ã‚‰ã€‚ã“ã®ãƒ—レゼン自体ã¯Data URIã™ã‚‹æ™‚ã«ã¯URLエンコード使ãŠã†ã¨ã‹ã€ä»–ã¯å¤§ä½“é ·ããªãŒã‚‰èˆˆå‘³æ·±ãèªã‚ãŸã€‚
Manipulating SVG Icons With Simple CSS | Envato Tuts+
This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature on a day to day basis. Icon sets cover a wide array of different subject matter, yet are rendered in a single visual style. That is often times appropriate, if not optimal.
Trianglify
About My name is Quinn Rohlf, and I'm a roaming engineer/designer based in the western United States. Trianglify is an open-source library I wrote to generate low-poly style patterns by combining a Delaunay triangulation with some nice colors. It was originally released in April of 2014. It has a sibling project, Trianglify.io, that provides a user-friendly GUI for the library and helps fund libra
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
SVG MANIAX Ver.2 - Mars vanilla
https://designer.illustrio.com/
HTML5 㨠SVG ã§è€ƒãˆã‚‹ã€ã“ã‚Œã‹ã‚‰ã®ç”»åƒã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ
http://blog.e-riverstyle.com/2014/12/svg.html
I want Make full svg website
{{#tags}}- {{label}}
{{/tags}}