@2080code/pic-processer 0.0.2 → 0.0.3

package/README.md

@@ -1,5 +1,11 @@
-# pic-processer
-图片压缩、改变图片尺寸、File 和 dataURL 互转
+# @2080code/pic-processer
+![NPM Version](https://img.shields.io/npm/v/%402080code%2Fpic-processer?label=NPM%20Version)
+![npm package minimized gzipped size](https://img.shields.io/bundlejs/size/%402080code%2Fpic-processer?format=both&label=NPM%20Package%20Size)
+![NPM Last Update](https://img.shields.io/npm/last-update/%402080code%2Fpic-processer?label=NPM%20Last%20Update)
+![NPM Downloads](https://img.shields.io/npm/dw/%402080code%2Fpic-processer?label=NPM%20Downloads)
+
+## 介绍
+用来对图片做压缩，把 File 对象转为 dataURL，又或者把 dataURL 转为 File 对象。
 
 ## 安装
 ```bash
@@ -8,7 +14,7 @@ npm install @2080code/pic-processer
 
 ## 使用
 ```javascript
-import picProcesser from '@2080code/pic-processer'
+import PicProcesser from '@2080code/pic-processer'
 ```
 或
 ```html

package/demo/demo.html

@@ -145,9 +145,9 @@
             `
 
             document.getElementById('file-info').innerHTML=`
-                <div>name: <em>${exportedFile.name}</em></div>
-                <div>size: <em>${exportedFile.size} byte</em></div>
-                <div>type: <em>${exportedFile.type}</em></div>
+                name: <em>${exportedFile.name}</em><br/>
+                size: <em>${exportedFile.size} byte</em><br/>
+                type: <em>${exportedFile.type}</em>
             `
         }
     </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2080code/pic-processer",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "图片压缩、改变图片尺寸、File 和 dataURL 互转",
   "main": "index.js",
   "types": "./src/types.ts",
@@ -15,12 +15,11 @@
     "url": "git+https://github.com/2080code/pic-processer.git"
   },
   "keywords": [
-    "watermark",
-    "html",
-    "svg",
+    "picture",
+    "compress",
+    "base64",
+    "dataURL",
     "js",
-    "css",
-    "background",
     "canvas"
   ],
   "publishConfig": {