CSS vector-effect与SVG stroke描边缩放--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

CSS vector-effect与SVG stroke描边缩放 (www.zhangxinxu.com)

【简介】

默认情况下，我们改变SVG图形尺寸，stroke描边宽度也会跟着一起变化。有时候，我们希望描边宽度一直不变，怎么办呢？可以试试使用vector-effect属性。

点击查看原文 >>

由 @技术头条 2018-12-24 23:48 / 原作者微博：@张鑫旭 / 0个评论

赞过的人： @技术头条

CSS fixed固定定位transofrm失效及居中小技巧 (www.zhangxinxu.com)

介绍个我认为最好的固定居中定位的CSS实现，以及展示transform内fixed固定定位失效的解决方法，你说不定哪天就会用到。

by @技术头条 2023-02-12 14:01 查看详情

Tips: 使用CSS逻辑属性简化我们的书写 (www.zhangxinxu.com)

原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地，最近发现，CSS逻辑属性还有简写的作用，这可牛逼坏了~

by @技术头条 2022-12-24 23:31 查看详情

整洁架构之CSS (insights.thoughtworks.cn)

虽然开发工具早已经从 preprocessor 进化到了 styled component，但在我看来新的工具并没有让我们的样式代码写的更好，只是更快——也可能会让代码坏的更快。工具的繁荣并没有让那些导致代码难以维护的根本问题烟消云散，而是更易让我们对其视而不见。这篇文章旨在回答一个问题：为什么样式代码难以写对，它的陷阱究竟在哪里？

by @Thoughtworks 2022-09-08 17:45 查看详情

CSS background背景图标的变色技巧 (www.zhangxinxu.com)

最近遇到了需要使用CSS让background背景图标的变色的需求场景，使用背景混合模式实现的，可能大家以后也用得到，所以分享下。

by @技术头条 2022-08-18 23:37 查看详情

详解日后定会大规模使用的CSS @layer 规则 (www.zhangxinxu.com)

话就放在这里了，不出三年，CSS @layer 规则一定会在业界遍地开花，到处使用。

by @技术头条 2022-08-18 23:36 查看详情

CSS排版为何强？瞧瞧多牛这换行 (www.zhangxinxu.com)

在 CSS 这门语言中，凡是 Web 中的换行规则都可以改变，无论是中文的还是英文的，灵活到超出你的想象，非常强大！

在文字内容排版这块，CSS 是计算机领域中无可争议的霸主气，什么 SVG 什么 canvas 根本就是望尘莫及。

by @技术头条 2022-08-18 23:18 查看详情

用SVG实现一个优雅的提示框 (fed.taobao.org)

Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。

by @技术头条 2022-07-24 20:57 查看详情

介绍一种CSS变量未定义语法也OK的小妙招 (www.zhangxinxu.com)

我以为我对 CSS 变量了解够多够深入了，没想到还是有知识的盲区，今天这个小技巧小特性就是其中之一，并且是相当实用的一个特性。

by @技术头条 2022-07-24 20:54 查看详情

SVG任意基本图形转path路径 (www.zhangxinxu.com)

虽然不属于常用场景，但是对于部分开发者却很需要，所以还是专门分享了出来，希望可以帮到需要的人。

by @技术头条 2022-06-19 23:21 查看详情

在 kbone 中实现小程序 svg 渲染 (www.alloyteam.com)

kbone 是微信团队开源的微信小程序同构框架，与基于语法树转换的 Wepy、Taro 等传统框架不同，kbone 的思路是在逻辑层用类似 SSR 的方式模拟出 DOM 和 BOM 结构，让逻辑层的 HTML5 代码正常运行；而 kbone 会负责将逻辑层中的虚拟 DOM 以 setData 的形式传递给视图层，让视图层利用小程序组件递归渲染的能力，产生出真实的 DOM 结构。

使用 kbone 之后，我们可以将小程序页面理解为一个独立的 html 文档（而不是 SPA 中的一个 router page）。在每个页面的 JS 中初始化 kbone，为逻辑层提供虚拟 DOM 和 BOM 的环境，然后就可以像 H5 一样加载各种主流前端框架和业务代码，kbone 会负责逻辑层和视图层之间的 DOM 和事件同步。

by @技术头条 2022-06-19 23:03 查看详情