chrome浏览器美化插件:让您的浏览器页面冒水泡, 游小鱼儿

  下载插件和效果图

  这是一个让你的浏览器冒泡泡的插件, 浏览网页的时候仿佛置身于海底世界;

  插件下载地址:http://files.cnblogs.com/files/diligenceday/chromeExtension.crx.zip

  效果图:

chrome浏览器美化插件:让您的浏览器页面冒水泡, 游小鱼儿_第1张图片

 

  在线预览页面


"en">

    "UTF-8">
    Document

    


    

View Code

  如何安装:

  1:下载插件并解压出 chromeExtension.crx

  2:打开浏览器的设置, 更多工具 -> 扩展程序, 或者直接打开 chrome://extensions/,这个地址:

chrome浏览器美化插件:让您的浏览器页面冒水泡, 游小鱼儿_第2张图片

  3:选中插件, 左键拖拽插件到第二步中打开的界面, 界面会出现“拖放以安装”的提示, 然后松手, 并再确认安装;

  原理

  整体的内容分为 泡泡的构造函数和 鱼的构造函数;

  泡泡的生成是利用canvasAPI, context.arc()  画圆 ;

  鱼的生成也是利用canvasAPI, context.drawImage() 画鱼? 

  根据鼠标移动的位置, 利用运动效果把鱼拉过去, 根据鼠标的位置画泡泡;

  github

  发布到git:https://github.com/sqqihao/chromeBubbleExtension

  插件下载地址

  插件下载地址:http://files.cnblogs.com/files/diligenceday/chromeExtension.crx.zip

作者: NONO
出处:http://www.cnblogs.com/diligenceday/
企业网站:http://www.idrwl.com/
开源博客:http://www.github.com/sqqihao
QQ:287101329
微信:18101055830 

厦门点燃未来网络科技有限公司, 是厦门最好的微信应用, 小程序, 微信网站, 公众号开发公司

转载于:https://www.cnblogs.com/diligenceday/p/6480544.html

你可能感兴趣的:(chrome浏览器美化插件:让您的浏览器页面冒水泡, 游小鱼儿)