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

你所需要的網(wǎng)站建設(shè)服務(wù)，我們均能行業(yè)靠前的水平為你提供.標(biāo)準(zhǔn)是產(chǎn)品質(zhì)量的保證，主要從事成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)、品牌網(wǎng)站建設(shè)、網(wǎng)頁(yè)制作、做網(wǎng)站、建網(wǎng)站。創(chuàng)新互聯(lián)擁有實(shí)力堅(jiān)強(qiáng)的技術(shù)研發(fā)團(tuán)隊(duì)及素養(yǎng)的視覺(jué)設(shè)計(jì)專(zhuān)才。

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

先看看效果對(duì)比圖：

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

代碼實(shí)例：

    
        
        
    
    
        

            
            

            
            
            sigma：0.8
            

            下載
        
        
        

        
        
    

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

文章標(biāo)題：如何使用html5的canvas實(shí)現(xiàn)圖片轉(zhuǎn)素描的效果-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/djpcsc.html