如何使用html5的canvas實現(xiàn)圖片轉素描的效果？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、壺關網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5場景定制、商城網(wǎng)站定制開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為壺關等各大城市提供網(wǎng)站開發(fā)制作服務。

素描濾鏡原理：
最基礎的算法就是：
1、去色；（去色公式：gray = 0.3 red + 0.59 green + 0.11 * blue）
2、復制去色圖層，并且反色；
3、對反色圖像進行高斯模糊；
4、模糊后的圖像疊加模式選擇顏色減淡效果。
減淡公式：C =MIN( A +（A×B）/（255-B）,255)，其中C為混合結果，A為去色后的像素點，B為高斯模糊后的像素點。

先看看效果對比圖：

sigma可以調(diào)節(jié)效果。

代碼實例：

    
        
        
    
    
        

            
            

            
            
            sigma：0.8
            

            下載
        
        
        

        
        
    

關于如何使用html5的canvas實現(xiàn)圖片轉素描的效果問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。