- 博客(5)
- 收藏
- 关注
原创 svg学习理解
浅谈svg与canvas的区别svg同canvas差不多、是用于绘画一些相对复杂的图案跟动画效果。与canvas最大的区别除了用法外,就是图片的区别:svg制作出来的是矢量图,canvas是位图。矢量图跟位图的差别就是矢量图放大不会模糊(就是所谓的不会掉帧)。位图放大会模糊,因为是由一个一个元素组成、但是位图颜色相对比较丰富。svg元素和其他HTML元素不同,svg是基于XML的。所以在使用时会存在于HTML元素有一定的差距。使用方式:1、直接元素方式使用,需要引入xmlns(命名空间):h
2022-04-24 02:10:47
395
原创 css3 transform学习
可以通过js控制transform内的属性进行形状的大小变化、旋转、偏移等达到可控制动态展示效果。1. rotate(旋转)参数为旋转的角度,单位deg为度的意思,顾名思义,以**deg进行顺时针旋转。如所例(transform:rotate(45deg)所得下图):(注:黄点为svg绘制,请忽略)2. scale(缩放)以1为单位、进行乘算、等比例放大或者缩小。参数两种书写形式:1、只存在一个值时 ==> 水平与垂直方向同时等比例缩放。 ...
2022-04-23 03:43:03
562
原创 2021-04-27深拷贝
深拷贝的几种可行方案es6的Object.assign():可用于一些基础的数据进行深拷贝、拷贝的是可枚举属性(enumerable: true)、一般用于对象合并、也可用于symbol类型的拷贝json.parse(json.stringify())深拷贝缺点: 1、时间对象会变成时间字符串 2、如果obj里有RegExp(正则表达式)、Error对象,则序列化的结果将只得到空对象; 3、如果obj里有函数,undefined,则序列化的结果会把函数或 undefined...
2021-04-27 10:08:49
81
原创 2021-04-27 es6笔录
有关es6的一些常规知识学习笔记(...)扩展运算符或对象展开符的案例理解:console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <div>, <div>]用于函数调用function push(array, ...items) { arra...
2021-04-27 09:48:53
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人