10 2020 档案
摘要：css 数学函数 min max calc :root{ --box:120px } .box { /*width: var(--box); 120px*/ /*width: min(var(--box),100px); 100px*/ /*width: max(var(--box), 100px)
阅读全文
摘要：getAttributesNs/setAttributesNs element.setAttributeNS(namespace,name,value) namespace 是指定属性的命名空间的一个字符串。 name 是标识要设置的属性的一个字符串。 value 是新属性的所需字符串值。 添加/或
阅读全文
摘要：鼠标拖拽 事件 container.addEventListener("touchstart", dragStart, false);// 进入 container.addEventListener("touchend", dragEnd, false); // 离开 container.addEv
阅读全文
摘要：在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 fill 填色 <rect x="290" y="50" width="100" height="100" stroke="#000" stroke-width="10" fill="#09f"></rect> 渐变
阅读全文
摘要：SVG 过滤器 基本原型 <svg width="1000" height="577"> <filter id="demoFilter"> <!-- 添加过滤器的效果--> </filter> <image xlink:href="..." width="100%" height="100%" x=
阅读全文
摘要：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
阅读全文
摘要：https://css-tricks.com/mega-list-svg-information/ 在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 rect 矩形 <svg width='200' height='200'> <g transform="trans
阅读全文
摘要：IntersectionObserver callback var observer = new IntersectionObserver(callback,options); callback 监听元素的可见性 options 配置参数 callback 一般会触发两次,一次是目标进入视口(可见)
阅读全文
摘要：pointer-event css 指针事件属性 .aaa{ // 停止鼠标事件 pointer-events:none; // } 值 SVG all：当指针位于填充或笔触上方时，该元素是目标。 stroke：当指针在笔划上时，该元素是目标。 fill：当指针位于填充上时，该元素是目标。 visi
阅读全文