几个ES10语法和css对图片的一些处理

    xiaoxiao2022-07-05  172

    1、扁平化n维数组 [1,[2,3]].flat(2)      // [1,2,3] [1,[2,3,[4,5]]].flat(3)      // [1,2,3,4,5] Array.flat 是Es10 扁平数组的api , n 表示维度, 2、 去重 Array.from( new Set([1,2,3,3,4,4]))     //[1,2,3,4] [...new Set([1,2,3,3,4,4])  ]   //[1,2,3,4]  Array.from 将类数组 转化为数组 ,set是一种定义不重复数组的数据类型    ... 是扩展符 ,将set里面的值转为字符串 二 css 对图片的处理 1、css: filter  ,过滤器通常被用于调整图片,背景和边框的渲染     1.1  filter: none 没有任何效果     1.2 filter :blur() 高斯模糊              img{ filter :blur(2x) ;  }     1.3filter : brightness(%) 线性乘法 ,让图片看起来更加亮或更暗     1.4  filter:contrast(%)  对比度   ,调整图像的对比度     1.5 filter: drop-shadow(705px 0 0 #ccc ) 可以改变一些小图标的颜色,如黑色图标变成蓝色图标     1.6 filter :hue-rotate(deg)   色相旋转     1.7 filter :invert(100%)   反转输入图像 ,有点像曝光的效果     1.8 filter:grayscale (80%) 将图片做旧,有点像黑白图片     1.9 filter :sepia(%) 将图像装换为深褐色     2.0 filter:url()  图片变色的终极方法

    以上是在学习过程中看到整理的,希望对大家有帮助!!

    最新回复(0)