html/js/css
贪婪熊
这个作者很懒,什么都没留下…
展开
-
html转图片并下载
两种插件1. html2canvas<!-- 引入插件 --><script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script><script src="https://cdn.bootcss.com/FileSaver.js/1...原创 2020-04-20 18:11:34 · 890 阅读 · 0 评论 -
em与rem的差异, margin垂直布局与水平布局的差异
1、HTML长度单位之em与rem em与rem都是相对长度单位: em是相对于当前元素的字体大小font-size的长度;<div style="font-size:12px"> <div style="font-size:36px;margin:3em"> 此处的margin:3em 具体的长度换算出的结果就是 108p...原创 2019-03-01 16:57:27 · 1184 阅读 · 0 评论 -
div显示两行,超出内容以省略号代替
<html> <head> <style type="text/css"> .show_two_line{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:...原创 2019-03-01 18:03:17 · 494 阅读 · 0 评论 -
获取地址栏参数,最优解
获取地址栏参数,包括hash参数:function getSearchParams(href = window.location.href) { const temp = href.split(/[?#&]/), params = {}; temp.shift(); temp.forEach((item) => { const param = item....原创 2019-03-14 11:51:48 · 214 阅读 · 0 评论 -
html转图片并下载,以echarts饼图下载为例
头部引入需要的js库:echarts用以绘图,axios发请求,html2canvas将dom结点转换为h5 canvas画布,FileSaver用以保存下载文件<head> <title>舆情饼图</title> <meta http-equiv="Content-Type" content="text/html; charse...原创 2019-09-03 15:35:03 · 1463 阅读 · 1 评论