é€éŽPNGã‚’SVGを利用ã—ã¦è»½ãã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é€éŽPNGã¯ç¾çŠ¶ã§ã¯å”¯ä¸€ã«è¿‘ã„フルカラーã®é€éŽç”»åƒã‚’作æˆã™ã‚‹æ‰‹æ®µã ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ãƒ»ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚ŠãŒã¡ã 。対ã—ã¦JPGã¯ãƒ•ã‚¡ã‚¤ãƒ«ãƒ»ã‚µã‚¤ã‚ºã¨ã„ã†ç‚¹ã§å¤§ãã優るãŒã€é€éŽã™ã‚‹ã“ã¨ã¯å‡ºæ¥ãªã„。ã“ã®ã‚ã¡ã‚‰ã‚’ç«‹ã¦ã‚Œã°ã“ã¡ã‚‰ãŒç«‹ãŸãšã®å•é¡Œã‚’SVGã®ãƒžã‚¹ã‚¯æ©Ÿèƒ½ã‚’使ã£ã¦é€éŽã ã‘ã‚’å—ã‘æŒã¤PNGã¨JPGを組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ä¸¡ç«‹ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’知ã£ãŸã€‚ é€éŽã•ã›ãŸç”»åƒã‚’ã¾ãšæ™®é€šã«ä½œã‚‹ã€‚ãã‚Œã‹ã‚‰é€éŽã—ã¦ãªã„JPGç”»åƒã¨ã€é€éŽã‚’å転ã•ã›ã¦ãƒžã‚¹ã‚¯ã«ä½¿ã†PNGç”»åƒã‚’生æˆã™ã‚‹ã€‚ãれらをHTMLã§SVGã®maskè¦ç´ をインラインã«æ›¸ãã“ã¨ã§çµ„ã¿åˆã‚ã›ã‚‹ã€‚ベースã¨ãªã‚‹JPGç”»åƒãŒä¸€èˆ¬çš„ã«ãƒ•ã‚¡ã‚¤ãƒ«ãƒ»ã‚µã‚¤ã‚ºã«å„ªã‚Œã€ãƒžã‚¹ã‚¯ã«ä½¿ã†PNGã¯ç©ºç™½ãŒå¤šã„ã“ã¨ã€SVGã®è¨˜è¿°ã¯ã”ãçŸã„ã‚‚ã®ã€ã¨ã„ã†ã‚ã‘ã§æœ€çµ‚çš„ã«ä½Žãƒ•ã‚¡ã‚¤ãƒ«ãƒ»ã‚µã‚¤ã‚ºãŒå®Ÿç¾ã§ãる。 SVGã®ã‚»ã‚ュリティ上ã®åˆ¶é™ã«ã‚ˆã‚Šã€HTMLã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§è¨˜è¿°ã™ã‚‹ã‚±ãƒ¼ã‚¹ã§ã—ã‹ä½¿ãˆãªã„ã®ã§CSSã®
iPhoneアプリ200連発ï¼åˆå¿ƒè€…ãŒè³¼å…¥å¾Œã«å…¥ã‚ŒãŸã„定番神アプリ - iPhone Mania
ã€ã“ã‚Œã¯ä¾¿åˆ©ï¼ã€‘iPhone6ãŒå¤§ãã™ãŽã¦æŒ‡ãŒå±Šã‹ãªã„... → 3Dプリンタã§è‡ªä½œã‚±ãƒ¼ã‚¹ä½œã£ãŸã‚ˆï¼ï¼šã‚ニ速
僕ãŒå‚考ã«ã—ã¦ã„ã‚‹ Ruby, Rails ã®æƒ…å ±æºã¾ã¨ã‚(海外ブãƒã‚°ç·¨) - ãŠã‚‚ã—ã‚webサービス開発日記
スクリプトインジェクション入門 - Qiita
ã€æ ¼å®‰ãƒ‡ãƒ¼ã‚¿é€šä¿¡SIM】IIJmioã€æ–™é‡‘変ã‚らãšé€šä¿¡é‡å€å¢—ã®é©šãã®æ”¹å®š
{{#tags}}- {{label}}
{{/tags}}