# secretimg-decrypt-vue

> vue component for secretImg

Latest version **0.0.1** (published 2019-11-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install secretimg-decrypt-vue
pnpm add secretimg-decrypt-vue
yarn add secretimg-decrypt-vue
bun add secretimg-decrypt-vue
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2019-11-27 |
| First published | 2019-11-27 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | kaiser3 |
| Keywords | secretImg |

## Links

- npm: https://www.npmjs.com/package/secretimg-decrypt-vue
- Repository: https://github.com/Tender-moments/secretImg-decrypt-vue
- Homepage: https://github.com/Tender-moments/secretImg-decrypt-vue#readme
- Issues: https://github.com/Tender-moments/secretImg-decrypt-vue/issues
- npm.io page: https://npm.io/package/secretimg-decrypt-vue

## Recent versions

- 0.0.1 (latest) — 2019-11-27

## README

# secretImg-decrypt-vue

一个Vue指令，用来解密`secretImg`加密过的图片文件

## Intall

`npm run install --save secretImg-decrypt-vue`

## Usage

- 引入&注册

引入指令，并通过`Vue.use`注册，第二个参数是图片解密的Key

```javascript
import vSecretImg from 'secretImg-decrypt-vue'

Vue.use(vSecretImg, 'decryptKey')

```

- 使用

```html
<img src="#" v-secretImg="{path: imgPath}" alt="">
<div class="si" v-secretImg="{path: imgPath, type: 'bgimg'}"></div>
```

通过`v-secretImg`来指定图片地址和类型

- path: 图片的地址。**注意：如果是本地的图片，加密的图片，请务必保留图片类型的后缀（.png、.jpg、.gif等），因为如果是位置的文件，需要重新配置loader；其次，图片解密是浏览器运行时进行的，所以传入的地址是编译之后的文件地址，所以加密图片文件建议用`require`引入**
- type: 图片渲染类型，`img`、`bgimg`，可选， 默认`img`。如果是`img`类型，图片解密之后会替换标签的`src`属性；反之则会设置标签的背景图片`background-image`

如果传入的是一个字符串，则会当成`path`来解析

`<img src="#" v-secretImg="imgPath" alt="">`

图片要保留后缀，并且预先`rquire`

```javascript
export default {
  data () {
    return {
      imgPath: require('../assets/a.png')
    }
  }
}
```

---
_Source: https://npm.io/package/secretimg-decrypt-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._