![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
乔豆麻袋_
更秃更强。a
展开
-
webgl-动态桌面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动态桌原创 2021-08-04 11:02:20 · 225 阅读 · 0 评论 -
canvas 学习记录(持续更新中
canvas一些api的应用,使用canvas制作低配版echarts 仪表盘组件<template><div class="container" ref="container"> <canvas ref="cvs"></canvas></div></template><script>export default { name: 'Canvas', props: { opt.原创 2021-07-22 13:47:47 · 163 阅读 · 0 评论 -
SVG 画正六边形的进度条~奇奇怪怪的需求
拿了点赞哦~~如下图所示, 中间可以放图片,黄色占比啦先看菜鸟教程里面, 固定的数值话是这样滴<!DOCTYPE html><html><body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <polyline points="30,10 50,20 50,40 30,50 10,40 10,20 30,10" style= "fill: transparent原创 2021-06-10 12:34:33 · 688 阅读 · 2 评论 -
最近写的几个echars配置,存储方便CV)呜啦啦啦啦
搬运的话 点赞哦带区域颜色,格式化触发板,格式化label,格式化pointer 效果如下图所示this.option = { // 不显示图例 legend: { show: false, }, // 调整grid 位置 emmm 里面那个图距离画布的位置 grid: { top:原创 2021-06-10 10:38:29 · 395 阅读 · 2 评论 -
前端搬砖合集,方便我以后CV,hhh (持续更新中
@keyframe文档 点这里 css背景图片旋转div 内部东西都会旋转,解决办法:写个同级同样大小的div,absoulte脱标定位重叠起来!!animation文档点这里@keyframes turn{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-w.原创 2021-04-15 14:58:58 · 223 阅读 · 0 评论 -
echars 数据缩放
配置像toolbox feature dataZoom可以实现右上角放按钮进项选中缩放,外层dataZoom会有数据滚动条。 官网点此option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, toolbox: { .原创 2021-03-10 20:44:36 · 188 阅读 · 0 评论 -
css选择器+ > ~,伪类 选择器nth-of-type() nth-child() 选择父类元素下的子元素
nth-of-type() 以类型区分来选择父元素下的子元素 p:nth-of-type(2) 父元素下第二个p标签 如果不写前缀 :nth-of-type(2)则选择父元素下所有类型标签的第二个nth-child() 不区分标签 :nth-child(2) 选择父元素下第二个元素子代选择器 h1 > span h1 元素下的第一个span子元素...原创 2021-03-10 20:13:22 · 2424 阅读 · 0 评论 -
关于图片Base64转存
图片base64转存 console.log(file); const fr = new FileReader(); //以dataUrl(base64)方式读取文件内容 fr.readAsDataURL(file); //fr加载文件的回调 fr.onload = e => { // dataurl地址,用来显示 this.userform.picture = e.target.result;原创 2021-02-08 09:32:10 · 616 阅读 · 0 评论