ノイズã‚りテクスãƒãƒ£ã‚’SVGã§PNGã®ã‚ˆã†ãªãƒ“ットマップ形å¼ã®æ–¹ãŒå‘ãサブトãªã‚“ã¨ã‹ãªãƒŽã‚¤ã‚ºä»˜ãã®ã‚¹ã‚ューãªã‚“ã¨ã‹ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ã€SVGã®filterè¦ç´ ã§fractalNoiseを利用ã—ã¦ç”Ÿæˆã™ã‚‹è©¦ã¿ã€‚SVGã ã‹ã‚‰ã¨ã„ã†ã‹ã€filterã§ç”Ÿæˆã™ã‚‹å½¢ãªã®ã§ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ルã€ãƒŽã‚¤ã‚ºã®åˆ†å¸ƒãŒå¹³å‡çš„ãªã®ã§ãŠãŠã¾ã‹ã«ãƒªãƒ”ータブルã«ã‚‚ãªã‚‹ã€‚上記画åƒã‚‚SVGãªã®ã§ãã®ã‚½ãƒ¼ã‚¹è¦‹ã‚‹ã¨ã‚ã‹ã‚‹ã€‚ Demo: SVG Noisy Background filterè¦ç´ ã§fractalNoiseを利用ã—ランダムã«ãƒŽã‚¤ã‚ºã‚’与ãˆãŸçŸ©å½¢ã¨ãã‚Œã«æ··ãœã‚‹å˜è‰²é€éŽä»˜ãã®çŸ©å½¢ã‚’é‡ãã¦å®Ÿç¾ã™ã‚‹ã€‚実装任ã›ãªã®ã§ã‚½ãƒ¼ã‚¹ã¯ã‚³ãƒ³ãƒ‘クトã§ã€URLエンコードã®Data URIãªã‚‰557ãƒã‚¤ãƒˆã§æ¸ˆã‚“ã 。密度ã®é•ã†ãƒŽã‚¤ã‚ºã‚’é‡ãã¦åˆ†å¸ƒã‚’åらã›ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã¯ãšãªã®ã§ã€æ…£ã‚Œã¦ãã¡ã‚“ã¨ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸãªã‚‰ã‚µã‚¤ã‚ºçš„ãªãƒ¡ãƒªãƒƒãƒˆã¯å¤§ãã„。 Demo: SVG Noisy Backgrou
Fireworks texture gallery
{{#tags}}- {{label}}
{{/tags}}