[HTML5] Canvasã®è¡¨ç¤ºå†…容ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ã‹ã‘る（コントラスト） - YoheiM .NETã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ 今日も引ã続ãCanvasã§ç”»åƒãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã®ãŠè©±ã€‚ 今日ã¯ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’変化ã•ã›ã‚‹Filterã«ã¤ã„ã¦ãƒ–ãƒã‚°ã‚’書ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Canvasã§Filterã«ã¤ã„㦠Canvasã§ã¯ã€è¡¨ç¤ºå†…容ã®ãƒ“ットマップデータã®å–å¾—ï¼å¤‰æ›´ã‚’è¡Œã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ãã®æ©Ÿèƒ½ã‚’用ã„ã¦ã€ç”»åƒã«ã„ã‚ã„ã‚ãªåŠ¹æžœã‚’åŠ ãˆã‚‹å®Ÿè£…ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ 本記事以外ã«ã‚‚ã€Canvasã§ã®Filter処ç†ã‚’記載ã—ã¦ãŠã‚Šã¾ã™ã€‚ - Canvasã®è¡¨ç¤ºå†…容ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ã‹ã‘る（è¼åº¦ï¼‰ - Canvasã®è¡¨ç¤ºå†…容ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ã‹ã‘る（グレースケールã€ãƒã‚¬ãƒã‚¸å転） コントラストを変更ã™ã‚‹ ç”»åƒã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’変化ã•ã›ã‚‹ã“ã¨ã§ã€å†™çœŸã‚’ãã£ãã‚Šã¨ã•ã›ãŸã‚Šã€ã¼ã‚“ã‚„ã‚Šã—ãŸã‚Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ コントラストを上ã’ã‚‹ã¨å„ピクセル上ã®è‰²å‘³ãŒã¯ã£ãã‚Šã¨ã—ã¦ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’下ã’ã‚‹ã¨è‰²å‘³ã®å¤‰åŒ–ãŒæ¸›ã‚Šã¼ã‚“ã‚„ã‚Šã—ãŸ
![[HTML5] Canvasã®è¡¨ç¤ºå†…容ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ã‹ã‘る（コントラスト） - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/a43fecb4dc44c6f1e7a866773ba9263af2adc14d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F150.png)
{{#tags}}- {{label}}
{{/tags}}