【随便聊聊】你们工作后还会考虑在职研究生吗
本人毕业五年了,三本学历,感觉技术一般,考虑当前的环境,不敢随便跳槽。。目前工作稳定但是发展一般,准备考个计算机的在职提升一下。。
今年参加了考试,复习了大半年最后被408专业课暴击了,今年高数挺简单的,可惜了~~~ 😅
明年再战了,备考的过程是真累啊,白天工作偷摸学,晚上再回家学习,希望值得
15 posts - 14 participants
Read full topic
via LINUX DO - 最新话题 (author: Lvmeisu)
本人毕业五年了,三本学历,感觉技术一般,考虑当前的环境,不敢随便跳槽。。目前工作稳定但是发展一般,准备考个计算机的在职提升一下。。
今年参加了考试,复习了大半年最后被408专业课暴击了,今年高数挺简单的,可惜了~~~ 😅
明年再战了,备考的过程是真累啊,白天工作偷摸学,晚上再回家学习,希望值得
15 posts - 14 participants
Read full topic
via LINUX DO - 最新话题 (author: Lvmeisu)
cc 如何不使用dangerously-skip-permissions,最大程度的自动放行cc的操作请求
dangerously-skip-permissions 权限太高了,能不能类似黑名单的操作,比如让 deny全生效,其余均自动执行
这么写了,没啥用,重开claude,还是会提问
Read full topic
via LINUX DO - 最新话题 (author: shan_CW)
dangerously-skip-permissions 权限太高了,能不能类似黑名单的操作,比如让 deny全生效,其余均自动执行
{
"permissions": {
"allow": [
"*"
],
"deny": [
"Bash(git add:*)",
"Bash(git commit:*)",
"Bash(git push:*)",
"Bash(git pull:*)",
"Bash(git merge:*)",
"Bash(git rebase:*)",
"Bash(git reset:*)",
"Bash(git revert:*)",
"Bash(git restore:*)",
"Bash(git rm:*)",
"Bash(git clean:*)",
"Bash(git stash:*)",
"Bash(git checkout -b:*)",
"Bash(git branch -d:*)",
"Bash(git branch -D:*)",
"Bash(git cherry-pick:*)",
"Bash(git tag -d:*)",
"Bash(git remote add:*)",
"Bash(git remote remove:*)",
"Bash(rm -rf /:*)",
"Bash(rm -rf /*:*)",
"Bash(rm -rf ~:*)",
"Bash(rm -rf .:*)",
"Bash(del /s /q C:*)",
"Bash(rd /s /q C:*)",
"Bash(format:*)",
"Bash(mkfs:*)",
"Bash(dd if=:*)",
"Bash(DROP DATABASE:*)",
"Bash(DROP TABLE:*)",
"Bash(TRUNCATE:*)",
"Bash(drop database:*)",
"Bash(drop table:*)",
"Bash(truncate:*)",
"Bash(shutdown:*)",
"Bash(reboot:*)",
"Bash(poweroff:*)",
"Bash(reg delete:*)",
"Bash(reg add:*)",
"Bash(sfc:*)",
"Bash(bcdedit:*)",
"Bash(diskpart:*)",
"mcp__github__*",
"mcp__*"
]
}
}
这么写了,没啥用,重开claude,还是会提问
上面的文件我是放在项目目录下的1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: shan_CW)
Codanna使用配置方法分享
本人是在Windows环境配合vscode、cursor使用。
1、下载exe文件,并把路径配置到系统环境变量Path:
GitHub
Releases · bartolli/codanna
Contribute to bartolli/codanna development by creating an account on GitHub.
2、进入代码项目
执行codanna init,这步会自动生成配置文件settings.toml
3、调整settings.toml,比如嵌入模型、开启文档索引等
4、开始建立索引,这步会下载模型(首次),需要配置好网络,下载速度视网络情况决定
代码索引:
codanna index . --force
文档索引(文档编码需要是utf-8格式):
codanna documents index --progress
5、MCP配置(我的样例,仅供参考)
Vscode:
Cursor:
6、提示词加入:
3 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: Metding)
Invalid media:
image
image
本人是在Windows环境配合vscode、cursor使用。
1、下载exe文件,并把路径配置到系统环境变量Path:
GitHub
Releases · bartolli/codanna
Contribute to bartolli/codanna development by creating an account on GitHub.
2、进入代码项目
执行codanna init,这步会自动生成配置文件settings.toml
3、调整settings.toml,比如嵌入模型、开启文档索引等
[semantic_search]
enabled = true
# Model to use for embeddings
# Note: Changing models requires re-indexing (codanna index --force)
# - AllMiniLML6V2: English-only, 384 dimensions (default)
# - MultilingualE5Small: 94 languages including, 384 dimensions (recommended for multilingual)
# - MultilingualE5Base: 94 languages, 768 dimensions (better quality)
# - MultilingualE5Large: 94 languages, 1024 dimensions (best quality)
# - BGESmallZHV15: Chinese-specialized, 512 dimensions
# - See documentation for full list of available models
model = "MultilingualE5Large"
# Similarity threshold for search results (0.0 to 1.0)
threshold = 0.6
[documents]
enabled = true
[documents.collections.docs]
paths = ["."]
patterns = ["**/*.md", "**/*.txt"]
4、开始建立索引,这步会下载模型(首次),需要配置好网络,下载速度视网络情况决定
代码索引:
codanna index . --force
文档索引(文档编码需要是utf-8格式):
codanna documents index --progress
5、MCP配置(我的样例,仅供参考)
Vscode:
{
"mcpServers": {
"codanna": {
"command": "D:\\soft\\codanna\\codanna.exe",
"args": [
"serve",
"--watch"
],
"alwaysAllow": [
"analyze_impact",
"find_callers",
"get_index_info",
"find_symbol",
"semantic_search_docs",
"semantic_search_with_context",
"search_symbols",
"get_calls",
"search_documents"
]
}
}
}
Cursor:
{
"mcpServers": {
"codanna": {
"command": "D:\\soft\\codanna\\codanna.exe",
"args": [
"--config",
"D:\\code\\xxx\\settings.toml",
"serve",
"--watch"
],
"alwaysAllow": [
"analyze_impact",
"find_callers",
"get_index_info",
"find_symbol",
"semantic_search_docs",
"semantic_search_with_context",
"search_symbols",
"get_calls",
"search_documents"
]
}
}
}
6、提示词加入:
使用codanna mcp进行语义检索3 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: Metding)
Invalid media:
image
image
抽两个ChatGPT Team
昨天开的,给佬友抽了,剩2个名额
🏆️ 奖品详情:
2 个 chatgpt team 车位
:three_o_clock: 活动时间:
开始时间: Mon, Dec 29, 2025 4:40 PM CST
截止时间:Mon, Dec 29, 2025 10:00 PM CST
📝 参与方式:
在本帖下回复即可(最好点个赞哈)
🔍️ 抽奖规则:
每位用户仅允许参与一次。
使用官方抽奖工具随机抽取中奖者。
⚠️ 注意事项:
本活动将在活动截止时间后关闭回帖,以确保公正性。
中奖者将在活动结束后 12 小时内在本帖公布,并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与,祝您好运!如有任何疑问,欢迎随时联系抽奖发起人。
51 posts - 50 participants
Read full topic
via LINUX DO - 最新话题 (author: JokerJia)
昨天开的,给佬友抽了,剩2个名额
🏆️ 奖品详情:
2 个 chatgpt team 车位
:three_o_clock: 活动时间:
开始时间: Mon, Dec 29, 2025 4:40 PM CST
截止时间:Mon, Dec 29, 2025 10:00 PM CST
📝 参与方式:
在本帖下回复即可(最好点个赞哈)
🔍️ 抽奖规则:
每位用户仅允许参与一次。
使用官方抽奖工具随机抽取中奖者。
⚠️ 注意事项:
本活动将在活动截止时间后关闭回帖,以确保公正性。
中奖者将在活动结束后 12 小时内在本帖公布,并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与,祝您好运!如有任何疑问,欢迎随时联系抽奖发起人。
51 posts - 50 participants
Read full topic
via LINUX DO - 最新话题 (author: JokerJia)
是不是大家太热情了
刷出了这个
24 posts - 24 participants
Read full topic
via LINUX DO - 最新话题 (author: HTFS)
Invalid media: image
刷出了这个
24 posts - 24 participants
Read full topic
via LINUX DO - 最新话题 (author: HTFS)
Invalid media: image
【安装包10多年膨胀几百倍,微信回应:是客观情况,但不会无限增长】 微信官方账号“微信派”发布文章,回应了几个关于微信占存储空间的误解。在众多问题中,微信的安装包10多年来膨胀了几百倍,最受人诟病。对此,微信方面表示,这是一个客观情况。呼应用户需求,微信提供了越来越更丰富的功能,它需要包含的代码、逻辑及资源,如图片、表情等,客观上会让安装包体积增长,但安装包并不会无限增长,且微信在持续优化,最近的安卓版微信,安装包体积也在持续下降。
💩
一坨大便
10 posts - 10 participants
Read full topic
via LINUX DO - 最新话题 (author: topsage)
💩
一坨大便
10 posts - 10 participants
Read full topic
via LINUX DO - 最新话题 (author: topsage)
Linux.do 小秘书 插件疑问
今天安装了大佬的Linux.do插件,不得不说很强大,但是期间在逛论坛的时候出现强制登出了账号,不清楚是不是因为安装了插件的影响,佬友们有遇到过这个问题吗?
【全面升级】Linux.do 小秘书- 等级 + 排名 + Credit + CDK 分数 一站式仪表盘
3 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: T.T.T)
Invalid media: image
今天安装了大佬的Linux.do插件,不得不说很强大,但是期间在逛论坛的时候出现强制登出了账号,不清楚是不是因为安装了插件的影响,佬友们有遇到过这个问题吗?
【全面升级】Linux.do 小秘书- 等级 + 排名 + Credit + CDK 分数 一站式仪表盘
3 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: T.T.T)
Invalid media: image
求助!Claude Code 插件hooks配置
我自己写了个Claude code 插件仓库, 里面有一个简单的斜杠指令,生成git commit内容的, 我现在想加一个hook,用于每次cc生成后给我的一个mac提示,hook写完了,但是不知道怎么写marketplace.json, 可以让我安装这个hook,求助各位大佬
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: shi_si)
Invalid media: image
我自己写了个Claude code 插件仓库, 里面有一个简单的斜杠指令,生成git commit内容的, 我现在想加一个hook,用于每次cc生成后给我的一个mac提示,hook写完了,但是不知道怎么写marketplace.json, 可以让我安装这个hook,求助各位大佬
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: shi_si)
Invalid media: image
兄弟们, 真出大事了, 真大事
懒得翻旧帖子, 反正之前说过一女的, 一面之缘.
某天她想加一个群里帅哥, 然后误加我, 然后知道真相后就没了后续.
然后在那之后, 摸鱼的时候还是会在群里聊聊, 纯吹水的那种, 没有私下聊过.
后面我觉得浪费时间, 自己也在思考人生, 也不水群了, 顶多看看.
然后, 大的来了.
她私聊我, 问我怎么了, 还约我出去.
给我人干傻了?
我纯小丑一个, 不过还是劝各位佬友洁身自爱,天下没有无缘无故的好,如果有,请想一下,凭什么是你。
71 posts - 55 participants
Read full topic
via LINUX DO - 最新话题 (author: 疯王伊里斯)
懒得翻旧帖子, 反正之前说过一女的, 一面之缘.
某天她想加一个群里帅哥, 然后误加我, 然后知道真相后就没了后续.
然后在那之后, 摸鱼的时候还是会在群里聊聊, 纯吹水的那种, 没有私下聊过.
后面我觉得浪费时间, 自己也在思考人生, 也不水群了, 顶多看看.
然后, 大的来了.
她私聊我, 问我怎么了, 还约我出去.
给我人干傻了?
我纯小丑一个, 不过还是劝各位佬友洁身自爱,天下没有无缘无故的好,如果有,请想一下,凭什么是你。
71 posts - 55 participants
Read full topic
via LINUX DO - 最新话题 (author: 疯王伊里斯)
vibe coding久了,脑子都有点迟钝了
(话题已被作者删除)
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: 闻人慕远z)
(话题已被作者删除)
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: 闻人慕远z)
自建nas推荐?
最近在自建一个公司用nas,40人左右,目前有一台IBM老服务器。硬盘在采购中。佬友有和建议?
6 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: falaylee)
Invalid media: image
最近在自建一个公司用nas,40人左右,目前有一台IBM老服务器。硬盘在采购中。佬友有和建议?
6 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: falaylee)
Invalid media: image
佬们,我有个问题,现在用CC,每个项目都会有个.claude,但是系统全局下也有一个。CC会去读哪个呀?
用的稀li糊涂的,想配个skills都不会
5 posts - 5 participants
Read full topic
via LINUX DO - 最新话题 (author: 大番茄)
用的稀li糊涂的,想配个skills都不会
5 posts - 5 participants
Read full topic
via LINUX DO - 最新话题 (author: 大番茄)
佬们lovart网站还能进去吗?
换了几个地区jie点,都进不去
4 posts - 2 participants
Read full topic
via LINUX DO - 最新话题 (author: 注意看这个男人叫)
Invalid media: image
换了几个地区jie点,都进不去
4 posts - 2 participants
Read full topic
via LINUX DO - 最新话题 (author: 注意看这个男人叫)
Invalid media: image
论坛发帖(先搜索,后发帖)
1. 搜索优先,避免重复
● 必做要求 ● 发帖前务必使用论坛搜索;查看置顶帖、常见问题。 ● 搜到相似主题:请在原帖跟进讨论或为有用回复点“赞/采纳”,避免新开重复贴。
● 搜索技巧 ● 关键词精简:核心词 + 版本号/平台/报错码(例:上传失败 413 Nginx)。 ● 高级搜索:按版块、时间、作者筛选;尝试不同同义词。 ● 外部搜索:使用“site:本论坛域名 关键词”检索历史高质量答案。
● 重复帖处理 ● 明显重复:将被合并、删除或锁定,视情节发出提醒/警告。 ● 允许的例外:已有帖内容过期、版本重大变更、原帖作者长期不在。此时可新发,但须在正文开头明确引用旧帖链接并说明新增差异/结论。
----------------------
2. 发帖规范(标题、内容、标签)
● 标题规范 ● 清晰可检索:问题对象 + 现象/报错 + 范围(例:[求助] iOS 17 通知延迟,锁屏后 >10 分钟才推送)。 ● 避免泛泛标题:不要使用“救命”“在线等”“大佬看过来”等无效词。
● 标签与分类 ● 选择最贴近的版块与标签;不跨版块重复投放。 ● 若不确定,请选“求助/新手”并在首行说明背景,版主可协助移动。
示例标题
● 好的标题: ● “[Bug] Android 14 上 WebView 无法加载 http 资源(混合内容已开启)” ● “[分享] MySQL 慢查询定位与索引优化实战(含 EXPLAIN 示例)”
● 不佳标题: ● “救命!!!急急急” ● “大佬进来看看”“同问一下”
----------------------
3. 回复与互动
● 建设性回复:给出思路、步骤、引用来源或复现结果;避免“同问/顶/+1”等无信息回复(请用表情或投票功能表达支持)。
● 标记解决:提问者问题解决后请在 24 小时内标记“已解决”或更新结论,方便他人检索。
● 引用他人内容时请注明来源链接与作者;尊重原创与版权。
----------------------
4. 礼仪与文明
● 互相尊重,禁止人身攻击、歧视、骚扰、挑衅、地域或群体仇恨言论。
● 内容需客观、可证;避免标题党、误导性信息与谣言。
● 使用规范语言:请尽量使用中文或中英混合的可读表述;避免大量拼音、火星文。
----------------------
5. 禁止内容
● 垃圾广告、引流、付费带货、恶意推广或私信骚扰。
● 恶意灌水、刷屏、频繁顶贴;相同内容跨版块重复发布。
● 涉及隐私数据的泄露(包含本人或他人)。
10 posts - 6 participants
Read full topic
via LINUX DO - 最新话题 (author: 爱吃猫的鱼)
1. 搜索优先,避免重复
● 必做要求 ● 发帖前务必使用论坛搜索;查看置顶帖、常见问题。 ● 搜到相似主题:请在原帖跟进讨论或为有用回复点“赞/采纳”,避免新开重复贴。
● 搜索技巧 ● 关键词精简:核心词 + 版本号/平台/报错码(例:上传失败 413 Nginx)。 ● 高级搜索:按版块、时间、作者筛选;尝试不同同义词。 ● 外部搜索:使用“site:本论坛域名 关键词”检索历史高质量答案。
● 重复帖处理 ● 明显重复:将被合并、删除或锁定,视情节发出提醒/警告。 ● 允许的例外:已有帖内容过期、版本重大变更、原帖作者长期不在。此时可新发,但须在正文开头明确引用旧帖链接并说明新增差异/结论。
----------------------
2. 发帖规范(标题、内容、标签)
● 标题规范 ● 清晰可检索:问题对象 + 现象/报错 + 范围(例:[求助] iOS 17 通知延迟,锁屏后 >10 分钟才推送)。 ● 避免泛泛标题:不要使用“救命”“在线等”“大佬看过来”等无效词。
● 标签与分类 ● 选择最贴近的版块与标签;不跨版块重复投放。 ● 若不确定,请选“求助/新手”并在首行说明背景,版主可协助移动。
示例标题
● 好的标题: ● “[Bug] Android 14 上 WebView 无法加载 http 资源(混合内容已开启)” ● “[分享] MySQL 慢查询定位与索引优化实战(含 EXPLAIN 示例)”
● 不佳标题: ● “救命!!!急急急” ● “大佬进来看看”“同问一下”
----------------------
3. 回复与互动
● 建设性回复:给出思路、步骤、引用来源或复现结果;避免“同问/顶/+1”等无信息回复(请用表情或投票功能表达支持)。
● 标记解决:提问者问题解决后请在 24 小时内标记“已解决”或更新结论,方便他人检索。
● 引用他人内容时请注明来源链接与作者;尊重原创与版权。
----------------------
4. 礼仪与文明
● 互相尊重,禁止人身攻击、歧视、骚扰、挑衅、地域或群体仇恨言论。
● 内容需客观、可证;避免标题党、误导性信息与谣言。
● 使用规范语言:请尽量使用中文或中英混合的可读表述;避免大量拼音、火星文。
----------------------
5. 禁止内容
● 垃圾广告、引流、付费带货、恶意推广或私信骚扰。
● 恶意灌水、刷屏、频繁顶贴;相同内容跨版块重复发布。
● 涉及隐私数据的泄露(包含本人或他人)。
10 posts - 6 participants
Read full topic
via LINUX DO - 最新话题 (author: 爱吃猫的鱼)
我的网易云还是很懂我😋
很喜欢毛不易,特别是这首盛夏,很好听
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: 小豆)
Invalid media:
image
image
很喜欢毛不易,特别是这首盛夏,很好听
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: 小豆)
Invalid media:
image
image
手机上论坛主页进入帖子,返回回不到主页
例如手机从谷歌主页进入论坛主页,我再进某个帖子,返回回不到主页,直接回到上上个谷歌界面了,谷歌浏览器,别的网站从没遇到过。看帖子完全不敢返回。影响体验,而且好多帖子从来没看过,进去还是锁定在最后一行或者中间的回复界面,问题奇奇怪怪
5 posts - 5 participants
Read full topic
via LINUX DO - 最新话题 (author: 霸天)
例如手机从谷歌主页进入论坛主页,我再进某个帖子,返回回不到主页,直接回到上上个谷歌界面了,谷歌浏览器,别的网站从没遇到过。看帖子完全不敢返回。影响体验,而且好多帖子从来没看过,进去还是锁定在最后一行或者中间的回复界面,问题奇奇怪怪
5 posts - 5 participants
Read full topic
via LINUX DO - 最新话题 (author: 霸天)
美国著名科技杂志Wired: 再见,GPT-5,你好,qwen
我的公司私有部署用的确实是qwen 佬友们有用到哪些私有部署的模型
快速阅读:
https://www.wired.com/story/expired-tired-wired-gpt-5/
4 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: 喜洋洋)
Invalid media: image
我的公司私有部署用的确实是qwen 佬友们有用到哪些私有部署的模型
快速阅读:
https://www.wired.com/story/expired-tired-wired-gpt-5/
4 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: 喜洋洋)
Invalid media: image
claude code可以通过agent避免被压缩失效恶心吗?平时日常:
(1)claude建立一个plan,改几行代码上下文满了,压缩失败
(2)重新建立一个session,读取plan后改两行代码又满了,压缩失败
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: Liqiang Chu)
(1)claude建立一个plan,改几行代码上下文满了,压缩失败
(2)重新建立一个session,读取plan后改两行代码又满了,压缩失败
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: Liqiang Chu)
无偿帮下百度网盘/夸克资源。
开了会员+2G宽带不干点什么总觉得亏
4 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: jvz)
开了会员+2G宽带不干点什么总觉得亏
4 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: jvz)
手把手教你实现一个木头纹理的背景
话不多说,直接弄!
效果
实现
本次我们使用神奇的SVG来实现,还是挺简单的,这里就为大家拆分一下步骤,一步步来实现。
1. 基础画布创建
这就是最基础的一张svg画布了,我们直接设置宽高100%,让其撑满。
2. 滤镜制作
有了画布还不够,我们还需要一个盛放(展示)内容的容器以及对容器中内容的相关滤镜。
2.1 基础结构
单纯写滤镜我们无法直观看到效果,这里我们就使用rect矩形来使用滤镜。其基础结构如下:
我们给滤镜写了一个id,在对应的矩形中我们应用一下即可。
2.2 噪声纹理
我们使用
先给出代码,然后解析:
●
●
●
2.3 添加光源
这里对其中几个参数左下说明:
●
●
●
●
2.4 添加扭曲
到上一步其实材质效果已经出来了,但是还缺乏类似年轮的扭曲效果,因此为了更真那么一点点,就增加一个扭曲滤镜来优化一下。
●
●
到这里就是我们上面效果图的样式。
拓展点
1. 噪声的可选属性
在我们上述的噪声纹理中,其实还可以增加一些属性来进行更多的控制。例如
●
●
例如,我们可以将噪声改为更柔和的样式
2. 光源的输入与输出
案例中
输出结果默认会用一个自动生成的名字(如果不指定
完整写法为
3. 扭曲滤镜的第一输入与通道控制
在我们给的例子中,最后的扭曲滤镜
在完整写法之中,也会有指定通道选择,例如
我们省略了
----------------------
iframe (CodePen Embed - wood texture)
----------------------
参考资料:
● W3C - Filter Effects
● <feDisplacementMap> - SVG | MDN
----------------------
你可以在这里找到大鹅所有CSS知识分享哦
🔻🔻🔻🔻🔻
🔥【冷门知识】鹅のCSS大合集!长期追更~ 收藏 ≈ 学会
11 posts - 7 participants
Read full topic
via LINUX DO - 最新话题 (author: Clarke.L)
Invalid media:
image
image
image
image
话不多说,直接弄!
效果
实现
本次我们使用神奇的SVG来实现,还是挺简单的,这里就为大家拆分一下步骤,一步步来实现。
1. 基础画布创建
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
</svg>
这就是最基础的一张svg画布了,我们直接设置宽高100%,让其撑满。
2. 滤镜制作
有了画布还不够,我们还需要一个盛放(展示)内容的容器以及对容器中内容的相关滤镜。
2.1 基础结构
单纯写滤镜我们无法直观看到效果,这里我们就使用rect矩形来使用滤镜。其基础结构如下:
<filter id="filter">
// 后续滤镜内容
</filter>
<rect width="100%" height="100%" filter="url(#filter)" />
我们给滤镜写了一个id,在对应的矩形中我们应用一下即可。
2.2 噪声纹理
我们使用
feTurbulence 来生成噪声。feTurbulence 会使用柏林噪声函数生成一个程序纹理,常用于云彩、烟雾、大理石、金属等纹理的基础噪声。和PS中添加云彩效果类似。先给出代码,然后解析:
<feTurbulence baseFrequency=".002 .02" numOctaves="9" result="n" />
●
baseFrequency=".002 .02":这是一个噪声频率,数值越小,纹理越宽大柔和;数值越大,纹理越密集细碎。 这里 x 方向 0.002、y 方向 0.02,相当于竖直方向的变化更密集,容易做出类似“竖向拉丝”的感觉。●
numOctaves="9": 表示叠加 9 个不同频率的噪声八度层,频率一层比一层高(两倍),细节越来越多。层数越多,图案越复杂、越精细,但性能开销也更大。通常 3~6 已经足够。●
result="n":给当前输出起个名字叫 n(noise 缩写),方便后面滤镜引用。2.3 添加光源
<feDiffuseLighting surfaceScale="9" lighting-color="#ba8c63">
<feDistantLight elevation="60" azimuth="-90" />
</feDiffuseLighting>
feDiffuseLighting 滤镜会把输入图像的 alpha 当作高度信息,模拟漫反射光照,生成一张光照后的颜色图,有明显的高光和阴影。 内部的 feDistantLight 则是指定光源方向。这里对其中几个参数左下说明:
●
surfaceScale="9":控制“高度起伏”的强度,可以理解为凹凸有多深。数值越大,明暗对比越强,越有金属 / 皮革的起伏感。●
lighting-color="#ba8c63":光的颜色,因为我们要木材纹理,因此这里是棕金色,更贴近木头的颜色。●
elevation="60":光照的高度角(0° 在地平线,90° 直射),60° 是比较高的斜上方光源。●
azimuth="-90":光源方位角,单位是度。这里从左侧照向右侧,从而产生从左到右的光感。2.4 添加扭曲
到上一步其实材质效果已经出来了,但是还缺乏类似年轮的扭曲效果,因此为了更真那么一点点,就增加一个扭曲滤镜来优化一下。
<feDisplacementMap in2="n" scale="50" />
feDisplacementMap 会使用第二个输入(in2 )的颜色通道作为位移向量,把第一个输入(in )的像素往各个方向挪动,从而产生类似水波、玻璃扭曲、抖动等效果。这个滤镜非常常见,以后也会分享一些相关的效果。●
in2="n":位移图使用第一步 feTurbulence 生成的噪声 n。●
scale="50":位移强度,数值越大,扭曲越严重。到这里就是我们上面效果图的样式。
拓展点
1. 噪声的可选属性
在我们上述的噪声纹理中,其实还可以增加一些属性来进行更多的控制。例如
type 和 seed。●
type:控制噪声的类型,更躁动还是更柔和,有两个值 ● turbulence:更激烈的噪声,明暗对比明显。 ● fractalNoise:更柔和连续,适合云雾、柔和纹理。●
seed:随机种子,相同 seed 会生成同样的噪声,不同 seed 会产生不同纹理。例如,我们可以将噪声改为更柔和的样式
<feTurbulence type="fractalNoise" baseFrequency=".002 .02" numOctaves="9" seed="2" result="n" />
2. 光源的输入与输出
案例中
feDiffuseLighting 没有显式写 in="n",浏览器会把它的输入默认为前一个滤镜输出(即上面的 feTurbulence)。输出结果默认会用一个自动生成的名字(如果不指定
result),这里没有继续显式引用,就直接被下一个滤镜作为链式输入(SVG 会按顺序串联)。完整写法为
<feDiffuseLighting in="n" result="light" surfaceScale="9" lighting-color="#ba8c63">
<feDistantLight elevation="60" azimuth="-90" />
</feDiffuseLighting>
3. 扭曲滤镜的第一输入与通道控制
在我们给的例子中,最后的扭曲滤镜
feDisplacementMap 只有 in2 而未写 in ,默认把上一步 feDiffuseLighting 的输出作为主图像输入。在完整写法之中,也会有指定通道选择,例如
xChannelSelector="R" / yChannelSelector="G":指定使用位移图的红色通道控制 x 方向位移,绿色通道控制 y 方向位移。我们省略了
xChannelSelector 和 yChannelSelector ,会使用默认通道,但大部分简单场景效果仍然可用的。----------------------
<svg xmlns="http://www.w3.org/2000/svg">
<filter id="filter">
<feTurbulence baseFrequency=".002 .02" numOctaves="9" result="n" />
<feDiffuseLighting surfaceScale="9" lighting-color="#ba8c63">
<feDistantLight elevation="60" azimuth="-90" />
</feDiffuseLighting>
<feDisplacementMap in2="n" scale="50" />
</filter>
<rect width="100%" height="100%" filter="url(#filter)" />
</svg>
iframe (CodePen Embed - wood texture)
----------------------
参考资料:
● W3C - Filter Effects
● <feDisplacementMap> - SVG | MDN
----------------------
你可以在这里找到大鹅所有CSS知识分享哦
🔻🔻🔻🔻🔻
🔥【冷门知识】鹅のCSS大合集!长期追更~ 收藏 ≈ 学会
11 posts - 7 participants
Read full topic
via LINUX DO - 最新话题 (author: Clarke.L)
Invalid media:
image
image
image
image
有没有打算自考或者有过自考经历的佬
公司状况不稳定,担心以后被优化,本科读的专业考编基本只能报三不限,在考虑要不要搞个自考学历去考编
有没有类似想法和有经验的佬友聊聊
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: coding1box)
公司状况不稳定,担心以后被优化,本科读的专业考编基本只能报三不限,在考虑要不要搞个自考学历去考编
有没有类似想法和有经验的佬友聊聊
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: coding1box)