html
html
风如白话
WEB前端开发
展开
-
html2Canvas+JsPDF生成pdf文件并下载
采用html2Canvas+JsPDF实现web页面/dom元素转pdf文件并下载1、安装html2Canvas:npm install html2canvas2、安装JsPDF:npm install jspdf/** * 生成PDF格式文件并下载 * @param {*} el 页面元素名 * @param {*} title 文件名称 * @returns */export function generatePdf(el, { title = '' }) { retur原创 2022-01-06 10:07:57 · 1388 阅读 · 1 评论 -
Vue项目图片压缩
引用:import { compressImage } from './compress'...// 校验大小数量var file = document.querySelector('input').files[0]if(this.fileList.length >= 3){ Message.success({ content: `最多可上传3张` }) return}if(file.size >= 1024 * 1024 * 2){ Message..原创 2021-09-16 10:19:15 · 2611 阅读 · 0 评论 -
百度地图绘制车辆实时位置
H5页面引用百度地图绘制车辆实时位置引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Go8TPnKDL44WFZbOATH4AsbA7qTwNosi"></script>html代码<div id="allmap" style="width: 100%;height: 100vh"></div>js代码//打开百度地图functio原创 2020-06-09 14:11:13 · 1780 阅读 · 0 评论 -
百度地图绘制车辆历史轨迹
H5页面引用百度地图绘制车辆历史轨迹引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Go8TPnKDL44WFZbOATH4AsbA7qTwNosi"></script>html代码<div id="allmap" style="width: 100%;height: 100vh"></div>js代码//打开百度地图functio原创 2020-06-09 14:04:27 · 1019 阅读 · 0 评论 -
腾讯TCPlayerLite播放m3u8格式视频
TCPlayerLite腾讯云 Web 超级播放器 TCPlayerLite 是为了解决在手机浏览器和 PC 浏览器上播放音视频流的问题,它使您的视频内容可以不依赖用户安装 App,就能在朋友圈和微博等社交平台进行传播。直播和点播 直播视频源是实时的,一旦主播停播,直播地址就失去意义,而且由于是实时直播,所以播放器在播直播视频的时候是没有进度条的。 &nbs原创 2020-06-08 10:43:51 · 3430 阅读 · 0 评论 -
js生成二维码(jquery.qrcode.js)
采用jquery.qrcode.js可生成带logo图标的二维码宽、高、背景色、前景色可自定义设置html代码如下:<div class="qrcode"> <img class="qrcode-img" src="" alt=""></div>js代码如下://生成二维码var qrcode = $(".qrcode").qrcode({ render: "canvas", text: _this.text, width : "400"原创 2020-06-03 09:42:50 · 1459 阅读 · 0 评论 -
简单实现js获取验证码
倒计时获取验证码,设定时间内不可重复点击获取<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <原创 2020-05-26 11:31:40 · 2482 阅读 · 0 评论