- 博客(5)
- 收藏
- 关注
原创 解决 Svg transform scale()缩放后元素不在中心点的问题 原地缩放!!!修改缩放中心点
关于 Svg 使用 transform:scale()缩放后元素发生位移的问题,修改元素缩放中心点接到一个需求,是公司前辈用 svg 写的代码结构,现在要让画布上的元素在发生改变,放大缩小的时候,保持画布不动,让元素实现原地缩放,让我们现来看看原本的效果是如何的当我在点击放大或者缩小的时候元素发生了位移,而现在我需要实现的是元素在原地进行放大和缩小的效果。有试过给 svg 添加 viewBox 属性,这样确实能让元素实现原地的方法和缩小功能,但是,缩放的中心点还是无法改变,而我的项目添加 viewBo
2021-06-19 16:00:43
10266
5
原创 Echarts 数据可视化 实现半圆饼图效果,渐变颜色
Echarts 实现半圆饼图 ,渐变颜色在Echarts的实例库当中并没有半圆的饼图,但是我们又想实现一个半圆的饼图,并且想要一个渐变颜色的效果,那该怎么做呢。效果如下:首先我们可以在Echarts的饼图实例中选取一个效果如下图的饼图接着,我们修改option中的配置项属性。上面饼图的option中的data项为5项,我们只需要将其删减为3项,并且将其value值按照2:1:1划分。设置饼图的角度startAngle属性。startAngle: 0, // 角度根据value值的分配情况进
2020-09-16 19:20:41
4561
原创 让盒子水平居中解决方法!!!---(块元素,行内元素,行内块,文本)
如何让盒子水平居中在开发中我们会经常需要让一个盒子进行水平居中来达到某种效果,水平居中也是我们在开发中用到最多的!1.让块级元素水平居中HTML <div class="box"> 我是box盒子 <div class="one">我是one盒子</div> </div>CSS <style> .box { width:
2020-07-23 09:28:40
2111
原创 关于ul中的子元素li浮动后如何居中显示
div里面,ul中的li如何在浮动后可以居中显示的解决办法!转自:https://www.cnblogs.com/zempty/p/4298343.html**博主这种方法可以不用给li标签添加 float: left;就可以让li水平一排显示,但具体的原理没闹懂 <div class="one"> <ul> <li><a href="#">新 闻</a></li>
2020-05-19 09:14:22
1251
2
原创 笔记-----关于结构伪类元素选择器。
结构伪类元素选择器first-child 选择父元素里面第一个子元素 // 选择父元素ul里面第一个子元素li ul li:first-child;last-child 选择父元素里面最后一个子元素 // 选择父元素ul里面最后一个子元素li ul li:last-child;3.nth-child(n) 选择父元素中第‘n’个子元素 // 选择父元素ul里面第‘n’个子元素li,n可以是数字,关
2020-05-09 23:09:40
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人