開源：blurify - 一個大小約 2k 的圖片高斯模糊庫

hxjb6174 7年前發布 | 15K 次閱讀 CSS JavaScript開發 canvas

blurify

Installation

$ npm i blurify

Demo

Demo

Usage

blurify(options)

blurify the images with given options :

  • images { Element }, blurify target elements.
  • blur { Int }, extent of blur, defaulting to 6 .
  • mode { String }, mode of blurify.
    • css : use filter property.( default )
    • canvas : use canvas export base64.
    • auto : use css mode firstly, otherwise switch to canvas mode by automatically.
    </li> </ul> 
    import blurify from 'blurify';
    

    new blurify({
    images: document.querySelectorAll('.blurify'),
    blur: 6,
    mode: 'css',
});</code></pre>
 本文由用戶 hxjb6174 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！