国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

canvas動(dòng)畫合集Vue組件

AlexTuan / 1329人閱讀

摘要：動(dòng)畫合集組件內(nèi)容瀏覽器兼容安裝使用按需加載全部引入普通模式組件列表修改日志貢獻(xiàn)瀏覽器兼容安裝使用按需加載推薦首先安裝依賴然后修改文件然后，如果你需要組件，編輯全部引入不推薦普通模式標(biāo)簽組件列表

vue-canvas-effect 
canvas動(dòng)畫合集Vue組件

[? online demo](https://chenxuan0000.github.io/vue-canvas-effect/index.html)

內(nèi)容

瀏覽器兼容

安裝

使用

ES6

按需加載

全部引入

普通模式

組件列表

neon

bubbles

修改日志

貢獻(xiàn)

TKS

瀏覽器兼容

ie9+

安裝 NPM 
npm install vue-canvas-effect --save
使用 ES6 按需加載 
推薦
首先安裝babel-plugin-import依賴
npm install babel-plugin-import --save-dev
然后修改 .babelrc文件
// .babelrc
{
  "plugins": [["import", {
    "libraryName": "vue-canvas-effect",
    "libraryDirectory": "src/components"
  }]]
}
然后，如果你需要neon組件，編輯main.js
import Vue from "vue"
import {neon} from "vue-canvas-effect";
Vue.component(neon.name, neon);
`or`
Vue.component("customName", neon);
new Vue({
  el: "#app",
  render: h => h(App)
})
全部引入 
不推薦
import Vue from "vue"
import vueCanvas from "vue-canvas-effect";
Vue.use(vueCanvas)
new Vue({
  el: "#app",
  render: h => h(App)
})
普通模式 
script 標(biāo)簽


  ...
組件列表 neon

neon-demo

name: neonEffect
// 默認(rèn)標(biāo)簽名

//default options
        {
          len: 20, //五邊形的單邊長度
          count: 50, //多少線重疊
          rate: 20, //速度 越小越快
          dieChance: 0.05, //單次繪畫失敗進(jìn)行重繪的幾率
          sparkChance: 0.1, //[0,1] 越大畫出的五邊形越多重
          sparkDist: 10, //閃爍點(diǎn)的距離
          sparkSize: 2,//閃爍點(diǎn)的大小
          contentLight: 60, // [0,100] 色塊的亮度
          shadowToTimePropMult: 6, //五邊形的內(nèi)環(huán)陰影大小
          bgColorArr: [0, 0, 0] //背景色數(shù)組
        }
bubbles

bubbles-demo

name: bubblesEffect
// 默認(rèn)標(biāo)簽名

//default options
        {
          color: "rgba(225,225,225,0.5)", //氣泡顏色
          radius: 15, //氣泡半徑
          densety: 0.3, // 氣泡密度 越大越密集(建議不要大于1)
          clearOffset: 0.2 // 氣泡消失距離[0-1] 越大越晚消失
        }
修改日志

See the GitHub 查看歷史版本.

貢獻(xiàn)

歡迎給出一些意見和優(yōu)化，期待你的 Pull Request。

TKS

circleMagic

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/107291.html

相關(guān)文章

  • canvas動(dòng)畫合集Vue組件

    摘要：動(dòng)畫合集組件內(nèi)容瀏覽器兼容安裝使用按需加載全部引入普通模式組件列表修改日志貢獻(xiàn)瀏覽器兼容安裝使用按需加載推薦首先安裝依賴然后修改文件然后，如果你需要組件，編輯全部引入不推薦普通模式標(biāo)簽組件列表 vue-canvas-effect canvas動(dòng)畫合集Vue組件 [? online demo](https://chenxuan0000.github.io/vue-canvas-effe...

    tigerZH 評(píng)論0 收藏0

  • 個(gè)人分享--web前端學(xué)習(xí)資源分享

    摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...

    sherlock221 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    zxhaaa 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    JouyPub 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<