書ã„ã¦è¦šãˆã‚‹SVG: 基礎編ã“ã®è¨˜äº‹ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹æ–¹ ã“ã®è¨˜äº‹ã¯ã€ã€ŒHTMLを書ã„ãŸã“ã¨ãŒã‚ã‚‹æ–¹ã€ã‚„「Illustratorを使用ã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹ã€å‘ã‘ã«SVGã®æ›¸ãæ–¹ã®åˆæ©ã‚’解説ã—ã¦ã„ã¾ã™ã€‚ 記事をèªã‚€ã ã‘ã§ãªãã€PCã§ã€ŒCodePenã€ã¨ã„ã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ãƒ†ã‚ストエディターを開ãã€SVGを書ã„ã¦ã„ãã“ã¨ã§ã‚ˆã‚Šæ·±ãç†è§£ã§ãるよã†ã«ã—ã¦ã„ã¾ã™ã€‚ ãœã²è¨˜äº‹ã‚’èªã¿ãªãŒã‚‰ä¸€ç·’ã«æ›¸ã„ã¦ã¿ã¦ãã ã•ã„。 SVGã¯ä»–ã®ç”»åƒå½¢å¼ã¨ä½•ãŒé•ã†ã®ï¼Ÿ ã“ã®è¨˜äº‹ã‚’ã”覧ã®çš†æ§˜ã¯ã€ŒSVGã€ã‚’ã©ã®ã‚ˆã†ãªã‚‚ã®ã ã¨æ€ã£ã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿ ãŸã¨ãˆã°ã€JPEGã‚„PNGã¨åŒã˜ã‚ˆã†ãªã€ŒWeb用ã®ç”»åƒå½¢å¼ã®ä¸€ç¨®ã€ã ã¨æ€ã£ã¦ã„らã£ã—ゃる方もã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã—ã‹ã—ã€SVGã¯JPEGã‚„PNGã¨æ˜Žç¢ºã«é•ã†ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚ SVGファイルã®ä¸èº«ã¯ãƒ†ã‚ストデータã§ã‚ã‚Šã€HTMLã‚„CSSã®ã‚ˆã†ã«ãƒ†ã‚ストエディターを使ã£ã¦ç·¨é›†ã—ãŸã‚Šã€æ–°è¦åˆ¶ä½œã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}