摘要: 如果本文帮助到你,本人不胜荣幸,如果浪费了你的时间,本人深感抱歉。希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误,请一定指出,以免误导大家、也误导我。 项目github地址 线上demo地址 vue_no_cli_multiple_page 根据官方文档修改,不使用vue-cli多页面项 阅读全文
posted @ 2020-01-03 23:32 帆酱 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 如果本文帮助到你,本人不胜荣幸,如果浪费了你的时间,本人深感抱歉。希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误,请一定指出,以免误导大家、也误导我。 项目github地址 线上demo地址 使用步骤: 1、安装包 cnpm i 2、运行dev npm run dev 项目目录: 自定义 阅读全文
posted @ 2020-01-03 23:26 帆酱 阅读(3861) 评论(0) 推荐(0) 编辑
摘要: html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。 点击查看:官方文档 点击查看:线上demo 安装 阅读全文
posted @ 2020-01-03 23:22 帆酱 阅读(2150) 评论(0) 推荐(0) 编辑
摘要: dom-to-image是一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库。 它基于Paul Bakaus的domvas并且已被完全重写,修复了一些错误并添加了一些新功能(如Web字体和图像支持)。 github:点击查看 线上demo:点击 阅读全文
posted @ 2020-01-03 23:20 帆酱 阅读(3578) 评论(5) 推荐(0) 编辑
摘要: 如果本文帮助到你,本人不胜荣幸,如果浪费了你的时间,本人深感抱歉。如果有什么错误,请一定指出,以免误导大家、也误导我。 swiper官方网址:点击查看 线上demo:点击查看 核心方法,在当前Slide切换到另一个Slide时执行: <script language="javascript"> va 阅读全文
posted @ 2020-01-03 23:10 帆酱 阅读(2808) 评论(0) 推荐(0) 编辑
摘要: 官方网站:https://photo-sphere-viewer.js.org/ 线上demo:点击查看 需要引入的文件 <link rel="stylesheet" href="./css/photo-sphere-viewer.min.css"> <!-- 3D --> <script src= 阅读全文
posted @ 2020-01-03 23:07 帆酱 阅读(3267) 评论(14) 推荐(1) 编辑
摘要: 如果本文帮助到你,本人不胜荣幸,如果浪费了你的时间,本人深感抱歉。 如果有什么错误,请一定指出,以免误导大家、也误导我。 线上demo1:点击查看 线上demo2:点击查看 实现此功能需掌握一些基本的canvas语法。 demo1代码: <!DOCTYPE html> <html> <head> < 阅读全文
posted @ 2020-01-03 22:54 帆酱 阅读(742) 评论(0) 推荐(0) 编辑
摘要: 一、静态转换 使用 Vue 插件 language-tw-loader 在打包时把本地的文字转换成繁体,动态加载的文字不会转换。也就是说接口返回的文字不会自动转换。 打包后无法再切换为简体。除非专门打一个简体的包。 使用方式 1、安装插件 npm i language-tw-loader --sav 阅读全文
posted @ 2020-01-03 22:50 帆酱 阅读(5010) 评论(0) 推荐(3) 编辑
摘要: 线上demo:https://my.weblf.cn/alone_page/echarts/line1.html 祥见代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co 阅读全文
posted @ 2020-01-03 22:42 帆酱 阅读(1152) 评论(0) 推荐(0) 编辑
摘要: 线上demo:https://my.weblf.cn/xly/demo/canvas/hand.html 代码: <!DOCTYPE html> <html> <head lang="en"> <meta content="width=device-width, initial-scale=1.0, 阅读全文
posted @ 2020-01-03 22:39 帆酱 阅读(497) 评论(0) 推荐(0) 编辑