- 博客(5)
- 收藏
- 关注
RSS订阅原创 svg学习理解
浅谈svg与canvas的区别 svg同canvas差不多、是用于绘画一些相对复杂的图案跟动画效果。与canvas最大的区别除了用法外，就是图片的区别：svg制作出来的是矢量图，canvas是位图。矢量图跟位图的差别就是矢量图放大不会模糊(就是所谓的不会掉帧)。位图放大会模糊，因为是由一个一个元素组成、但是位图颜色相对比较丰富。 svg元素和其他HTML元素不同，svg是基于XML的。所以在使用时会存在于HTML元素有一定的差距。 使用方式： 1、直接元素方式使用，需要引入xmlns(命名空间)：h
2022-04-24 02:10:47
505
原创 css3 transform学习
可以通过js控制transform内的属性进行形状的大小变化、旋转、偏移等达到可控制动态展示效果。 1. rotate(旋转) 参数为旋转的角度，单位deg为度的意思，顾名思义，以**deg进行顺时针旋转。 如所例（transform：rotate(45deg)所得下图）：（注：黄点为svg绘制，请忽略） 2. scale(缩放) 以1为单位、进行乘算、等比例放大或者缩小。 参数两种书写形式：1、只存在一个值时 ==> 水平与垂直方向同时等比例缩放。 ...
2022-04-23 03:43:03
655
原创 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
132
原创 2021-04-27 es6笔录
有关es6的一些常规知识学习笔记 (...)扩展运算符或对象展开符的案例理解： console.log(...[1, 2, 3]) // 1 2 3 console.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
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人