上一页 1 2 3 4 5 6 ··· 16 下一页
摘要:温馨提醒,当你觉得看我写的很乱的时候,就对了,那是因为我查阅了大量的资料提取出来的,因为有点东西不太理解,所以你会感觉有的部分重复了,也不是重复,只是后面对前面的内容进行梳理了一些,需要耐心的看到最后 自定义元素 我们发现自定义元素总是有破折号的Q,<my-component> 或 <bacon-c 阅读全文
posted @ 2020-11-01 11:00 房东家的猫 阅读(251) 评论(4) 推荐(0) 编辑
摘要:css 数学函数 min max calc :root{ --box:120px } .box { /*width: var(--box); 120px*/ /*width: min(var(--box),100px); 100px*/ /*width: max(var(--box), 100px) 阅读全文
posted @ 2020-10-29 17:57 房东家的猫 阅读(53) 评论(0) 推荐(0) 编辑
摘要:getAttributesNs/setAttributesNs element.setAttributeNS(namespace,name,value) namespace 是指定属性的命名空间的一个字符串。 name 是标识要设置的属性的一个字符串。 value 是新属性的所需字符串值。 添加/或 阅读全文
posted @ 2020-10-28 14:33 房东家的猫 阅读(499) 评论(0) 推荐(0) 编辑
摘要:鼠标拖拽 事件 container.addEventListener("touchstart", dragStart, false);// 进入 container.addEventListener("touchend", dragEnd, false); // 离开 container.addEv 阅读全文
posted @ 2020-10-26 14:43 房东家的猫 阅读(478) 评论(1) 推荐(1) 编辑
摘要:在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 fill 填色 <rect x="290" y="50" width="100" height="100" stroke="#000" stroke-width="10" fill="#09f"></rect> 渐变 阅读全文
posted @ 2020-10-22 10:36 房东家的猫 阅读(71) 评论(0) 推荐(0) 编辑
摘要:SVG 过滤器 基本原型 <svg width="1000" height="577"> <filter id="demoFilter"> <!-- 添加过滤器的效果--> </filter> <image xlink:href="..." width="100%" height="100%" x= 阅读全文
posted @ 2020-10-15 11:18 房东家的猫 阅读(83) 评论(0) 推荐(1) 编辑
摘要:text 文字 <svg width="500" height="500"> <text x="40" y="40">我是谁</text> <text x="80" y="80" fill="red">我是谁</text> <text x="120" y="120" stroke="red" sty 阅读全文
posted @ 2020-10-13 11:49 房东家的猫 阅读(42) 评论(0) 推荐(0) 编辑
摘要:https://css-tricks.com/mega-list-svg-information/ 在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 rect 矩形 <svg width='200' height='200'> <g transform="trans 阅读全文
posted @ 2020-10-11 18:15 房东家的猫 阅读(87) 评论(0) 推荐(0) 编辑
摘要:IntersectionObserver callback var observer = new IntersectionObserver(callback,options); callback 监听元素的可见性 options 配置参数 callback 一般会触发两次,一次是目标进入视口(可见) 阅读全文
posted @ 2020-10-08 18:36 房东家的猫 阅读(92) 评论(0) 推荐(1) 编辑
摘要:pointer-event css 指针事件属性 .aaa{ // 停止鼠标事件 pointer-events:none; // } 值 SVG all:当指针位于填充或笔触上方时,该元素是目标。 stroke:当指针在笔划上时,该元素是目标。 fill:当指针位于填充上时,该元素是目标。 visi 阅读全文
posted @ 2020-10-07 16:37 房东家的猫 阅读(73) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 16 下一页