[B! SVG] larsson9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

larsson9 id:larsson9

SVGã«é–¢ã™ã‚‹larsson9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (24)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

SVGã¨PNGå®Œå‚™ã®ãŠã—ã‚ƒã‚Œãªã‚¤ãƒ©ã‚¹ãƒˆç´ æï¼ ã‚ã‚‰ã‚†ã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ã§å®Œå…¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹å¤ªã£è…¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ -Transhumans
å•†ç”¨ã§ã‚‚å®Œå…¨ã«ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€SVGã¨PNGå®Œå‚™ã®ãŠã—ã‚ƒã‚Œãªã‚¤ãƒ©ã‚¹ãƒˆç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Webã‚„ã‚¢ãƒ—ãƒªã€ãƒ—ãƒ¬ã‚¼ãƒ³ã€ææ¡ˆæ›¸ã€ãƒã‚¹ã‚¿ãƒ¼ã€åŒäººèªŒãªã©ã€ã‚ã‚‰ã‚†ã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ã‚¤ãƒ©ã‚¹ãƒˆã¯ã™ã¹ã¦æ‰‹æãã®ãƒ™ã‚¯ã‚¿ãƒ¼ã§ã€80å¹´ä»£ã®SF æ˜ ç”»ã‚„æ—¥æœ¬ã®ã‚¤ãƒ©ã‚¹ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã•ã‚Œã¦æã‹ã‚Œã¦ã„ã¾ã™ã€‚ Transhumans ã•ã£ããã€ã‚¤ãƒ©ã‚¹ãƒˆç´ æã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ–¹æ³•ã‹ã‚‰ã€‚ ã‚¤ãƒ©ã‚¹ãƒˆã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å„ã‚¤ãƒ©ã‚¹ãƒˆã®ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã™ã‚‹ã®ã§ã€ã€Œdownload SVGã€ã€Œdownload PNGã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚
larsson9 2023/10/03
SVG

ã‚¤ãƒ©ã‚¹ãƒˆ

ç´ æ

ãƒ•ãƒªãƒ¼ç´ æ

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
GitHub - sschoger/heroicons-ui
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
larsson9 2018/01/23
SVG

icon
ãƒªãƒ³ã‚¯
Illustrations | unDraw
Browse to find the images that fit your needs and click to download. Use the on-the-fly color image generation to match your brand identity. The new updated Graphics Export is now available on unDraw+ for supporters!
larsson9 2018/01/22
ç´ æ

svg

ã‚¤ãƒ©ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
ã‚°ãƒªã‚°ãƒªå‹•ã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
larsson9 2017/12/05
SVG

UI

JavaScript

Vue.js

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
2018ã§SVGã®æ›¸ãå‡ºã—ãŒã§ããªããªã£ãŸã€‚
/t5/illustrator%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/2018%E3%81%A7svg%E3%81%AE%E6%9B%B8%E3%81%8D%E5%87%BA%E3%81%97%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%8F%E3%81%AA%E3%81%A3%E3%81%9F/td-p/9444846 Oct 24, 2017 Oct 24, 2017 ä½¿ç”¨OSï¼šwin10 64bit 2018ã«ä¸Šã’ãŸã¨ã“ã‚ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒ‰ãƒ©ã‚¤ãƒ–ã‹ã‚‰ç«‹ã¡ä¸Šã’ãŸãƒ•ã‚¡ã‚¤ãƒ«ã§SVGã ã‘æ›¸ãå‡ºã—ãŒã§ããªããªã‚Šã¾ã—ãŸã€‚ 2017ã¾ã§ã¯å•é¡Œãªãæ›¸ãå‡ºã—ã§ãã¦ã¾ã—ãŸã€‚ ç®¡ç†æ¨©é™ã§ç«‹ã¡ä¸Šã’ã¦ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚’ã ã©ã£ã¦ã„ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãã¨æ›¸ãå‡ºã—ã§ãã¾ã™ã€‚ æ„å‘³ä¸æ˜Žã§ã™ã€‚ ç®¡ç†æ¨©é™ã§ç«‹ã¡ä¸Š
larsson9 2017/11/20
SVG

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Android SVG to VectorDrawable
...one VectorDrawable to rule all screen densities Last update: Drop file here (or multiple files) to load content or click on this box to open file dialog.
larsson9 2017/11/20
SVG

webãƒ‡ã‚¶ã‚¤ãƒ³

Android
ãƒªãƒ³ã‚¯
VectorDrawableã‚’ä½¿ã†éš›ã«ã€SVGã§è¨å®šã—ã¦ã„ã‚‹è‰²ãŒåæ˜ ã§ããªã„ã¨ãã®å¯¾å‡¦æ–¹æ³• - Qiita
ã©ã†ã‚„ã‚‰ç¾çŠ¶ã®Vector AssetStudioã§ã¯svgã«å«ã¾ã‚Œã‚‹defsã‚¿ã‚°ã‚’èªã¿è¾¼ã‚ãªã„ã‚ˆã†ã§ã™ã€‚ StackOverFlowã«ã‚‚åŒæ§˜ã®ç—‡çŠ¶ãŒè¼‰ã£ã¦ã„ã¾ã—ãŸã€‚ ã“ã‚ŒãŒåŽŸå› ã§VectorDrawableã‚’è«¦ã‚ã‚‹ã®ã¯å°‘ã—æ‚”ã—ã„ã®ã§ãªã‚“ã¨ã‹å¯¾å¿œã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšèªã¿è¾¼ã‚ãªã‹ã£ãŸsvgãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§è¦‹ã¦ã¿ã¾ã™ã€‚ <svg xmlns="http://www.w3.org/2000/svg" viewBox="574.448 207.512 31.072 29.984"> <defs> <style> .cls-1 { fill: #ffd100; } </style> </defs> <path id="_" data-name="â˜…" class="cls-1" d="M16-27.488l-3.744,11.52H.448l9.5,7.136L6.3,2.5,16-4.5
larsson9 2017/11/20
SVG

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
The best Icon Tool - Orion Icon Library
Drawn with Care and Timeto perfectly represent and convey your message. Highly Flexible IconsLine, Solid, Color & Flat icons with a precise and unified style. Adapts to any type of project with different stroke weights, color control and great legibility.
larsson9 2017/11/14
ç´ æ

SVG

ã‚¢ã‚¤ã‚³ãƒ³

design

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Material Design Spinner
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more Â· Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
larsson9 2017/04/20
webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

SVG
ãƒªãƒ³ã‚¯
Data URIã¨Base64ã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹
1. DATA URI Data URI ï¼ˆãƒ‡ãƒ¼ã‚¿URIã‚¹ã‚ãƒ¼ãƒ ï¼‰ã¯ã€å¤–éƒ¨ãƒ‡ãƒ¼ã‚¿ã‚’ç›´æŽ¥ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚€æ‰‹æ³•ã§ã™ã€‚å°Žå…¥ã®çµæžœã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆå›žæ•°ãŒå°‘ãªããªã‚Šã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå‘ä¸Šã™ã‚‹ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚å¤§ã¾ã‹ã«ã¯ã€CSSã®ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆãƒ»ã‚·ãƒ¼ãƒˆã¨åŒã˜ç›®çš„ã§å°Žå…¥ã™ã‚‹ã®ã‚‚ã®ã¨è¨€ãˆã¾ã™ã€‚ ã©ã®ã‚ˆã†ãªå¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚‚åŸ‹ã‚è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ãŒã€ç›´æŽ¥ã€Œãƒã‚¤ãƒŠãƒªãƒ¼ãƒ‡ãƒ¼ã‚¿ï¼ˆãƒã‚¤ãƒˆï¼‰ã€ã®ã¾ã¾åŸ‹ã‚è¾¼ã‚“ã§ã—ã¾ã†ã¨ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«é€šä¿¡ã™ã‚‹éš›ã«å•é¡ŒãŒèµ·ã“ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ä½•æ•…ã‹ã¨è¨€ã†ã¨ã€ å„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒãƒã‚¤ãƒŠãƒªãƒ¼ãƒ‡ãƒ¼ã‚¿ã®ã¾ã¾é€šä¿¡ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–ã£ãŸéš›ã€èª¤ã£ã¦å®Ÿè¡Œå‘½ä»¤ã¨ã—ã¦è§£é‡ˆã—ã¦ã—ã¾ã†æã‚ŒãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ å¾“ã£ã¦ã€Data URIã‚’å°Žå…¥ã—ã¦XMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTMLã‚„CSSãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚‚ã†ã¨ã™ã‚‹å ´åˆã€XMLãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ãŒã¯ã˜ã‚ã‹ã‚‰ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ã§ã¯ãªã„ã®ã§ã€å•é¡Œç„¡ã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2.
larsson9 2016/08/31
SVG

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1ã¤ã®SVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”»åƒã‚’CSSèƒŒæ™¯ç”»åƒã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³HTMLã®ä¸¡æ–¹ã§èªã¿è¾¼ã‚€æ–¹æ³•
ã“ã®è¨˜äº‹ã¯ã€ŒSVG Advent Calendar 2015 ã€ã®9æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚åˆã‚ã¦Advent Calendarçš„ãªã‚‚ã®ã«å‚åŠ ã•ã›ã¦ã‚‚ã‚‰ã„ã¾ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ â€»Advent Calendarã®ç· ã‚åˆ‡ã‚ŠãŒã‚ã‚‹ã®ã§ã€æ¤œè¨¼é€”ä¸ã§ã™ãŒå…¬é–‹ã—ã¡ã‚ƒã„ã¾ã™ï¼ã”äº†æ‰¿ãã ã•ã„ã€‚ç¾æ®µéšŽã§ã¯ã€æ—§ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ãŒæœ€å¾Œã¾ã§æ¤œè¨¼ã§ãã¦ã„ãªã„ã§ã™ã€‚ã‚ã¨ã§è¿½è¨˜ã—ã¾ã™ã€‚ â€”â€“ã“ã“ã‹ã‚‰æœ¬æ–‡â€”â€“ ãã‚ãã‚ãƒã‚´ã¨ã‹ã‚¢ã‚¤ã‚³ãƒ³ã¾ã‚ã‚Šã®ç”»åƒã‚’SVGã«ç§»è¡Œã—ãŸã„ã¨æ€ã„ã€Gulpã‚’ä½¿ã£ã¦è¤‡æ•°ã®SVGã‚¢ã‚¤ã‚³ãƒ³ã‚’1ã¤ã«ã¾ã¨ã‚ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’æ¤œè¨¼ã—ã¦ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ç´¹ä»‹ã—ã¾ã—ãŸã€‚ã§ã‚‚ã€Gulpã®è¨å®šã«æ…£ã‚Œã¦ã„ãªã„ã¨é›£ã—ã„ã—ã€CSSã§èƒŒæ™¯ç”»åƒã¨ã—ã¦èªã¿è¾¼ã‚ãªã„ã¨ã„ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€ä»Šå›žã¯ãƒã‚´ã‚„ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã®è¤‡æ•°ã®ç”»åƒã‚’ã€Sketchã§ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã¾ã¨ã‚ã¦1ã¤ã®SVGç”»åƒã¨ã—ã¦ä¿å˜ã—
larsson9 2016/02/04
SVG

ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
Gulpã‚’ä½¿ã£ãŸSVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®ã‚¢ã‚¤ã‚³ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®ä½œã‚Šæ–¹
SVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã£ã¦ã€ãªã‚“ã‹è¤‡é›‘ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ åƒ•ã¯ãã†ã§ã—ãŸã€‚ãªã‚“ã‹ã€é¢å€’ãã•ãã†ã€‚ã€‚ã€‚ã©ã“ã‹ã‚‰å§‹ã‚ã¦è‰¯ã„ã‹ã‚ã‹ã‚‰ãªã„ã€‚ã€‚ã€‚ã¨ã„ã£ãŸæ„Ÿã˜ã§ãšã£ã¨æ‰‹ã‚’ã¤ã‘ã‚‰ã‚Œãšã«ã„ã¾ã—ãŸã€‚ ã§ã‚‚ã€ä»Šå›žã‚„ã£ã¦ã¿ã¦æ€ã£ãŸã‚“ã§ã™ãŒã€ä¸€åº¦ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ç¢ºç«‹ã—ã¦ã—ã¾ãˆã°ã‚¢ã‚¤ã‚³ãƒ³ç®¡ç†ãŒã‹ãªã‚Šä¾¿åˆ©ã«ãªã‚Šã¾ã™ã€‚CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®æ™‚ã‚ˆã‚Šã‚‚ç®¡ç†ãŒæ¥½ã«ãªã‚Šã¾ã™ã—ã€è¡¨ç¤ºã‚µã‚¤ã‚ºã‚„ä»Šå¾Œã®é«˜è§£åƒåº¦å¯¾å¿œã‚’æ°—ã«ã—ãªãã¦è‰¯ããªã‚‹ã®ã‚‚å¬‰ã—ã„ã§ã™ãã€‚ SVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã¤ã„ã¦ã®è‹±èªžã®ãƒªã‚½ãƒ¼ã‚¹ã¯ã‚ã‚‹ã®ã§ã™ãŒã€èª¬æ˜ŽãŒå¤šãã€ã¨ã£ã¤ãã«ãã„ã‚‚ã®ã‚‚å¤šã„å°è±¡ãªã®ã§ã€ã“ã“ã§ã¯ã§ãã‚‹ã ã‘ã‚·ãƒ³ãƒ—ãƒ«ã«å¿…è¦ãªã“ã¨ã ã‘ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã¯ã€SVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®Gulpã‚’ä½¿ã£ãŸãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®æ§‹ç¯‰ã€å§‹ã‚ã¾ã—ã‚‡ã†ï¼ ç›®æ¬¡ é”æˆã—ãŸã„ã“ã¨ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ SVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®ä»•çµ„ã¿ ãƒ–ãƒ©ã‚¦ã‚¶ã‚µãƒãƒ¼ãƒˆ ç”¨æ„ã™ã‚‹ã‚‚ã® å°Žå…¥ã‚¹ãƒ†ãƒƒãƒ— æœ€å¾Œã« é”æˆ
larsson9 2016/02/04
SVG

ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
SVGã‚’IEç‰ã®ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã‚’è€ƒæ…®ã—ã¦ä½¿ã†æ–¹æ³•ã¾ã¨ã‚ï¼ˆSVGã®ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ç”»åƒãªã©ï¼‰ï½œ2.IDEA
larsson9 2016/02/04
SVG

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
We Love SVG - Google Fonts for icons | Icons8
<script type="text/javascript" src="//web.archive.org/web/20151204075254/https://cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> Flat ColorWin10Font AwesomeFoundationMaterialGlyphiconsIcomoonIonWebhostinghubEntypoElusiveWPFMfglabsRaphaelSimple LineWeatherLsf LineconsMeteoconsMetrizeOcticonsIconicMakiOpenwebiconsStroke7TypiconsZocialBrandicoFontelicoStateface <!DOCTYPE h
larsson9 2015/10/13
SVG

Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
Understanding SVG Coordinate Systems and Transformations (Part 1) â€” The viewport, viewBox, and preserveAspectRatio
Understanding SVG Coordinate Systems and Transf ormations (Part 1) â€” The viewport, viewBox, and preserveAspectRatio Published on 17 Jul, 2014Â | Â Takes approximately 18 min to read SVG elements aren't governed by a CSS box model like HTML elements are. This makes positioning and transf orming these elements trickier and may seemâ€”at first glanceâ€”less intuitive. However, once you understand how SVG c
larsson9 2015/04/01
SVG

viewbox

preserveAspectRatio

viewport

tutorial
ãƒªãƒ³ã‚¯
SVG Fallbacks | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. There is a very clever technique by Alexey Ten on providing an image fallback for SVG going around the internet recently. It does just what you want in the classic no-SVG-support browsers IE 8- and Android 2.3. If we dig a little deeper we find a some pretty interesting
larsson9 2015/02/27
SVG

Fallbacks
ãƒªãƒ³ã‚¯
Snap.svgã®ä½¿ã„æ–¹ã¾ã¨ã‚
Snap.svgã®ä½¿ã„æ–¹ ã¾ã¨ã‚ How to useã™ãªã£ã·.svg ã‚¿ã‚¤ãƒˆãƒ« svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ãƒ»åˆ¥é¤¨ written by DEFGHI1977@xboxlive æœ¬è¨˜äº‹ã§ã¯svgä¸–ä»£ã®javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦æœ‰æœ›ãªSnap.svgã®ä½¿ã„æ–¹ã«ã¤ã„ã¦å®Ÿéš›ã«å‹•ä½œã—ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ï¼ˆã“ã‚Œã¯å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã‚ã‚‹ã¨åŒæ™‚ã«ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã¨è¨€ãˆã‚‹ã‚‚ã®ã§ã™ãï¼‰ï¼ŽãªãŠé–“é•ã„ãŒã‚ã£ãŸã‚Šï¼Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ä¼´ã†ä¸æ•´åˆãŒç™ºç”Ÿã™ã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã®ã§ï¼Œãã®ç‚¹ã”å®¹èµ¦ä¸‹ã•ã„ãï¼Žã‚„ã£ã±ã‚Šæ‰‹ã§ã‚´ãƒªã‚´ãƒªæ›¸ã„ã¦ã¾ã™ï¼Ž ãªãŠï¼ŒSnap.svgã‚’ç”¨ã„ãŸSVG(ã‚‚ã—ãã¯javascriptã®)å…¥é–€è¨˜äº‹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï¼ŽSnap.svgã‚’ä¸Šæ‰‹ãæ´»ç”¨ã—ãŸã„ã®ã§ã‚ã‚Œã°ï¼ŒèƒŒå¾Œã§å‹•ã„ã¦ã„ã‚‹svgã«ã¤ã„ã¦ã‚ˆãçŸ¥ã£ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼Žãã®ãŸã‚ï¼Œã‚ã‚‹ç¨‹åº¦SVGã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒã‚ã‚‹ã“ã¨ã‚’å‰æã«è©±ã‚’
larsson9 2014/12/11
SVG

javascript

adobe

Snap.svg
ãƒªãƒ³ã‚¯
Evil Icons
Evil Iconsv.1.9.0Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp,Â GruntÂ and CDN.
larsson9 2014/12/04
SVG

Web

icon
ãƒªãƒ³ã‚¯
HTMLãƒ‘ãƒ¼ã‚µãƒ¼ã‚’ä½¿ã£ãŸã‚¤ãƒ³ãƒ©ã‚¤ãƒ³SVGã®ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯æ–¹æ³•
è¡¨é¡Œã®ä»¶ã£ã¦ä»¥å‰ã«ã‚‚å½“ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ã¦ã„ãŸã‚“ã ã‘ã‚Œã©ï¼Œãã‚Œã«ã¯ä¸€ç‚¹å•é¡ŒãŒã‚ã£ãŸã®ã ã‘ã‚Œã©ï¼Œã‚ˆã†ã‚„ã£ã¨è§£æ±ºç–ã‚’æ€ã„ã¤ã„ãŸã®ã§ã”ç´¹ä»‹ï¼Žã£ã¦äºŒå¹´è¶Šã—ã ã‚ˆã‚³ãƒ¬ï¼ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³SVGã‚’ä½¿ã†ä¸Šã§å•é¡Œã¨ãªã‚‹ã“ã¨ ã‚ˆã†ã‚„ãIE8ç’°å¢ƒã®çµ‚ç„‰ãŒè¦‹ãˆã¦ããŸã¨ã“ã‚ã§SVGæ™®åŠã®ç›®å‡¦ãŒç«‹ã¡ã¤ã¤ã‚ã‚‹ä»Šæ—¥ã“ã®ã”ã‚ã§ã™ãŒï¼Œãã‚Œã§ã‚‚è¦ä»¶ä¸ŠSVGéžå¯¾å¿œç’°å¢ƒã‚’ç„¡è¦–ã§ããªã„ã“ã¨ã¯æœªã ã«ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ï¼Ž ã™ã‚‹ã¨å•é¡Œã¨ãªã‚‹ã®ãŒSVGç”»åƒã®ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«ã‚ˆã‚‹å¯¾å‡¦ã§ã™ï¼Žå¤§æŠµã¯PNGç”»åƒã‚’ç”¨ã„ã¦ä»£æ›¿ã¨ã™ã‚‹ã®ã§ã—ã‚‡ã†ãŒï¼ŒHTMLã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³SVGæ©Ÿæ§‹ã‚’ä½¿ã£ã¦ã„ãŸå ´åˆçµæ§‹å®Ÿç¾ãŒé›£ã—ã‹ã£ãŸã‚Šã—ã¾ã™ï¼Ž ã“ã®å•é¡Œã¸ã®å¯¾å‡¦ç–ã¯æœ¬ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ã¦ããŸã¨ãŠã‚Šã§ï¼Œä¸‹è¨˜ã®è¨˜äº‹ã§è§¦ã‚Œã¦ã„ã¾ã™ï¼Ž svgã®ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯æ‰‹æ³•ã‚ã‚Œã“ã‚Œ http://defghi1977-onblog.blogspot.jp/2012/09/svg_27.html ï¼ˆã“ã¡ã‚‰ã§ã‚‚ç´¹ä»‹
larsson9 2014/11/21
SVG

CSS

HTML

fallback
ãƒªãƒ³ã‚¯
SVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã‚ˆã†1
SVGã®æœ€ã‚‚æœ‰ç”¨ãªä½¿ç”¨æ³•ã®ä¸€ã¤ã€ã€Œè¤‡æ•°ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ä¸€ã¤ã®ãƒ‡ãƒ¼ã‚¿ã«ã¾ã¨ã‚ã¦ã€ä½¿ã„ãŸã„æ™‚ã«å‘¼ã³å‡ºã™ã€ã¨ã„ã†ã€ŒSVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã€ãŒã‚ã‚Šã¾ã™ã€‚ ã€ŒSVGã‚’ä½¿ãŠã†ï¼ã€ã§ã‚‚ã»ã‚“ã®å°‘ã—ãŠè©±ã—ã—ã¾ã—ãŸãŒã€cssã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¨ã®å¤§ããªé•ã„ã¨ã—ã¦ã¯ã€ã‚„ã¯ã‚Šã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚’éƒ½åº¦å¤‰æ›´ã§ãã‚‹ã€ã¨ã“ã‚ã§ã—ã‚‡ã†ã€‚ ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚µã‚¤ã‚ºãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€ã¡ã‚‡ã£ã¨ã—ãŸé•ã„ã”ã¨ã«åŒã˜ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ã„ãã¤ã‚‚ä½œæˆã™ã‚‹å¿…è¦ãŒç„¡ããªã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãªã®ã§ã‚µã‚¤ã‚ºã‚’æ°—ã«ã™ã‚‹å¿…è¦ã‚‚ã¾ã£ãŸãã‚ã‚Šã¾ã›ã‚“ã€‚ æ¥µç«¯ã«è¨€ãˆã°ã€10Ã—10pxã®SVGã‚’1000Ã—1000pxã«å¼•ãå»¶ã°ãã†ãŒä½•ã‚‰å•é¡Œã¯ãªã„ã®ã§ã™ã€‚ï¼ˆâ€»ç”»åƒã¨åŒæ§˜ æç”»ã¯é‡ããªã‚Šã¾ã™ã‘ã‚Œã©ãƒ»ãƒ»ï¼‰ ä»Šå›žã¯ã“ã®ã€ŒSVGã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®ã¤ãã‚Šæ–¹ã€ã¨ã—ã¦ã€åŸºç¤Žã¨ãªã‚‹éƒ¨åˆ†ã‚’ãŠè©±ã—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã“ã®éƒ¨åˆ†ã‚’ã—ã£ã‹ã‚Šç†è§£ã—ã¦ãŠãã¨Illustratorãªã©ã‹ã‚‰SVGã‚¹ãƒ—ãƒ©
larsson9 2014/11/20
SVG
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸