2024年06月11日 by 张 鑫旭 阅读 4691 次, 今日 10 次
最近尝试在Dialog对话框组件中大肆使用顶层特性，以便减少z-index这类层级的判断，结果发现事情并没有预想的那样顺利，顶层特性也是有隐患的，好在有低成本的解决方法。
阅读全文…
标签： ::backdrop, dialog, requestFullscreen, showModal, showPopover, Top Layer, z-index, 全屏, 层级, 弹框, 提示, 锚点定位
发布在 Web综合 | 3 条评论 »
2024年05月30日 by 张 鑫旭 阅读 5266 次, 今日 5 次
没想到吧，借助SVG看似不起眼的feMerge滤镜，我们可以轻松实现任意DOM元素的样式的投影复制效果，还支持动画哦。
阅读全文…
标签： animate, feComponentTransfer, feFuncA, feMerge, feMergeNode, feOffset, filter, opacity, SMIL, SVG滤镜
发布在 SVG相关 | 12 条评论 »
2024年05月20日 by 张 鑫旭 阅读 6544 次, 今日 12 次
本文介绍两种Web中实现图片马赛克的方法，一个是SVG滤镜的，一个基于某个CSS属性的，都比较简单，不复杂。
阅读全文…
标签： drawImage, feComposite, feFlood, feMorphology, feTile, filter, image-rendering, SVG滤镜, 图像处理, 图片压缩, 马赛克
发布在 CSS相关, SVG相关 | 8 条评论 »
2024年05月12日 by 张 鑫旭 阅读 6396 次, 今日 5 次
今天终于发现了一种适用于各种背景环境的文字变瘦方法，此方法居然无需用到任何与文字相关的CSS属性。
阅读全文…
标签： feMorphology, filter, font-weight, SVG滤镜, text-shadow, text-stroke
发布在 SVG相关 | 7 条评论 »
2024年04月22日 by 张 鑫旭 阅读 6552 次, 今日 11 次
后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢？
阅读全文…
标签： ffmpeg, fluent-ffmpeg, jszip, nodejs, video, VideoFrame, 截屏, 视频
发布在 JS实例 | 10 条评论 »
2024年04月14日 by 张 鑫旭 阅读 4980 次, 今日 7 次
模糊和投影算是SVG滤镜中学习难度最低的元素了，所以放在一起介绍，从中可以看到CSS模糊和投影滤镜语法的影子。
阅读全文…
标签： clipPath, drop-shadow, feDropShadow, feGaussianBlur, filter, stdDeviation, 高斯模糊
发布在 SVG相关 | 4 条评论 »
2024年04月11日 by 张 鑫旭 阅读 4374 次, 今日 3 次
要想成为前端图形表现领域的高手，要必要弄懂SVG中各种滤镜元素的语法与作用，先从简单的feblend元素开始。
阅读全文…
标签： feBlend, feImage, filter, SVG滤镜, 混合模式
发布在 SVG相关 | 2 条评论 »
2024年03月31日 by 张 鑫旭 阅读 6105 次, 今日 9 次
既生瑜何生亮，没想到CSS有语法和作用如此相似的两套规则，一个是范围，一个是嵌套，大部分时候两者可以互相替换，怎会如此呢？
阅读全文…
标签： :scope, @media, CSS嵌套, 选择器
发布在 CSS相关 | 9 条评论 »
2024年03月21日 by 张 鑫旭 阅读 5040 次, 今日 6 次
带大家快速了解下CSS initial-letter属性，可以更好地设置首字母的排版效果。
阅读全文…
标签： ::before, ::first-letter, float, initial-letter, shape-outside
发布在 CSS相关 | 没有评论 »
2024年03月17日 by 张 鑫旭 阅读 11147 次, 今日 14 次
全新的Screen Wake Lock API，可以让网页无论放置多久，都不要担心熄屏，或出现屏保，Web如今越来越强了。
阅读全文…
标签： navigator, Picture-in-Picture, pointerLockElement, requestPointerLock, screen, Screen Wake Lock, visibilitychange, wakeLock
发布在 JS API | 7 条评论 »
我的应用
我的应用