Inkscape 是一款特别流行的 SVG 编辑器，可免费使用且可跨平台使用，使其成为插画家、设计师和网页设计师的理想选择。 它具有强大的对象创建和操作工具，如钢笔工具、画笔工具、矩形、多边形等。
该工具主要用于创建和优化矢量图形，甚至是多个图像，以图表、徽标、插图、图表等形式。它以全面的 SVG 支持而闻名，并支持多种输出格式，包括 PNG、 OpenDocument、DXF、PDF、EPS、sk1 等。
使用地址：
至于如何设置英文，打开Inkscape官方版，点击左上角的【首选项...】。
在【界面】的【语言】中选择【中文/中国】即可！
2021 年 1 月 18 日
新功能：
现在可以在编辑→首选项→行为→步骤：中键单击缩放（已确认186736）中禁用中键单击缩放（按滚轮）
通过 Ctrl+md-drag/Ctrl+Shift+Scroll 可以通过两种方式抑制画布旋转。
从视图 → 画布方向 → 锁定旋转临时获取当前文档（提交 5eb7c5）
对于“编辑”→“首选项”→“界面”中的所有新 Inkscape 窗口：默认锁定画布旋转（提交 e8c10d）
Bug修复：
一般来说：
复制和粘贴：
修复了一个已修补的特别令人讨厌的常年错误：在 Linux 桌面上运行单独的其他程序（主要是剪贴板管理器）时将对象复制到剪贴板时，导致打开多个导入扩展对话框，因此您现在可以使用您最喜欢的剪贴板管理器再次，同时也使用 Inkscape（提交 fe7c68，bug #575）
当复制粘贴单个项目及其原始文件/框架/路径（克隆、路径上的文本、形状文本、链接的偏移量）时，它们不再相对于粘贴的原始内容移动（提交 b93f21，错误（编号 853）
描边到路径：将对象的画笔转换为路径不再使其克隆消失（错误＃1120）
性能：提高了缩放多个缩放级别时的渲染性能（Commit 28e21e）
CSS：以不属于 ASCII 集的字母开头的 CSS 类将不再被忽略（bug #1094）
清理：指向潜在攻击性网站的过时链接现已从品牌文档中删除（Commit 88efa4）
UI：随机操作不应再导致画布突然缩放（Commit 49fc36）
标记：向一行添加标记后，现在可以通过一次“撤消”操作（而不是两次）将其删除（提交 179fe9，错误 #2130）
苹果系统：
性能：macOS 的打包已更新，消除了 Inkscape 1.0.1 中的性能提升（提交 643286）
图标：文件系统图标现在看起来再次正确（Commit 643286，Bug #1893）
导出：PDF 导入不再形成难以复制的 PDF 文件（bug#827，提交 643286）
圆形工具：
使用 1.0 之前的版本创建的 Inkscape 文件中的弧不再呈现为剪切块（错误＃1900）
当拖动椭圆内的椭圆摇杆来创建圆弧时，Inkscape 不再将其渲染为闭合切口（Commit def938）
橡皮擦工具：
修复了一个长期存在的问题，即橡皮擦工具会在用户与菜单、对话框或其他 UI 元素交互后绘制一条红线，而不是立即擦除（bug#2068，提交 2057bf）
实时路径功效：
修复了链接 LPE 项目转换的一些问题（提交 546b64、提交 e3cad6）
网格渐变工具：
具有网格渐变的对象现在在复制到其他文档时保留其填充（错误＃579）
过滤器编辑器对话框：
使用红色主题时，对话框元素现在可读（错误#885）
对象对话框：
对象对话框中的搜索功能再次显示结果（错误 ID 1736）
选择器和 CSS 对话框：
除了几个崩溃修复（见下文）之外，对话框现在可以正确识别文档 defs 部分中的样式标签（Commit 12f4d6，Bug #905）
文本：
一系列与文本对象相关的错误已得到修复（MR#2434）。
所有受影响的操作都需要文本对象表现得像路径，但它表现得像组，因此操作失败。 这一系列错误主要影响了新用户，他们遵循的教程未按预期工作。
具体来说，以下操作现在再次起作用：
文本对象与其自身结合将再次形成一条路径。
文本对象可以在所有布尔运算中与其他对象重用。
可以插入文本对象并重新开始。
文本对象可以再次用于创建动态或链接倾斜。
字体预览示例现在包含正确的货币符号 €（而不是 342202254302242）。 需要重置首选项才能查看更新的字体示例文本（MR#2547）。
即使安装的 Pango 版本低于 1.44.7css 对话框，现在也会找到并考虑自定义字体文件夹（bug#1977，提交 1771fa）
崩溃修复：
当前的错误修复版本已修复了各种崩溃问题。
具体来说，我们修复了崩溃问题：
...在具有“旋转副本”实时路径效果的组中使用绘画工具绘制草图时（也可能将项目添加到具有不同路径效果的组时）（提交 b62cd9，MR#2386）
...复制缺少框架的文本时，文本流入其中（错误＃1919）
...使用撤消/重做时随机发生（提交 3cb09a）
...通过拖放导出 SVGZ 文件时（提交 b8e782，错误 #906）
...关闭 Inkscape 时发生（bug #1918，提交 275d15）
...从当前组中弹出对象时（提交 a803b1css 对话框，错误＃1770）
...或者实际上，在重做、撤消和克隆操作以及关闭文档和打开重复窗口时，选择器和 CSS 对话框会发生多次不同的崩溃（commit 12f4d6、bug #142、#828、#1168、#1157、#第688章）
...使用克隆 LPE (Commit e3cad6)
...当尝试将包含其颜色由上下文掩码定义的标记的文档导入为 PDF 时（例如 Inkscape*** 标记）（bug#1984，提交 9b5de7）
.../ 导入定义了许多 icc 色彩空间的 PDF 文件时冻结（错误＃1878，提交 5c1048）
...尝试使用 Poppler 版本 21.0.1 导出 PDF 文件时（提交 c30ae8，错误 #2180）
...启动使用 musl 而不是 glibc 编译的 Inkscape 时（影响各个 Linux 发行版，例如 VoidLinux、Alpine、Gentoo）（commit #a32669，bug #2147）
扩展错误修复：
具体扩展：
新的“Scribus PDF Export”扩展 (MR#226) 中改进了一些标签文本。
预览再次使用“插值”扩展（错误＃303）
扩展失败修复：
“更改大小写”扩展再次起作用（错误＃302）
“在组中插入属性”扩展再次起作用（缺陷＃310）
后端的同事一定很熟悉CSS，它控制着网页的外观。 明天我们为大家整理了一些有趣的CSS组件，它们可以改善网页的布局，让网页实现多种样式，甚至可以检测页面错误！
1. 冬宫
项目官网：
开源合约：MIT
黑体（hètí）是专门为英文内容显示而设计的排版风格增强功能。 只需要在页面的标签中引入heti.css文件，并在要使用的容器元素上添加类名即可。
它基于现行的英文排版标准。 预设古文、诗歌样式，提供联通支持，兼容normalize.css、CSSReset等常见样式重置； 可以给网站读者带来更好的文章阅读体验。
和轩的疗效：
项目地址：
2.像素艺术到CSS
项目官网：
开源合约：MIT
PixelArttoCSS是一款基于React的在线像素书法编辑器。 您可以使用此编辑器绘制图片或 GIF 动画的像素版本。 绘制完成后，您可以一键获取像素图片对应的CSS代码，然后您可以复制CSS代码将对应的像素图嵌入到网页中。
PixelArttoCSS页面显示：
项目地址：
3.CSS检查器
项目官网：
开源合约：MIT
css-checker 可用于检测重复的 css 样式css 对话框，并在几秒钟内找到高度相似的 cssclass 之间的差异，从而防止文件之间出现冗余或相似的 css 样式。
css-checker 还支持颜色检测、长脚本以及未使用 CSS 类的警告。 该工具适用于本地开发和 CI 等手动流程。
css-checker 工作流程显示：
项目地址：
4.bttn.css
项目官网：
开源合约：MIT
bttn.css是一个CSS按钮样式库，包含一系列精美的按钮样式。 导入bttn.css文件后css 对话框，在按钮元素中添加对应的css类，即可为按钮添加对应的样式。
bttn.css的按钮分为大、中、小、超小四种规格。 还有圆形边框、椭圆形边框、圆形边框、单线边框等多种边框样式，可以适应各种使用场景。
功效展示：
项目地址：
5. 动画.css
项目官网：
开源合约：MIT
Animate.css是一个有趣的、跨浏览器的css3动画库，外部有很多典型的css3动画，使网页更具动感。 安装Animate.css后，将animate__animated类与动画名称一起添加到元素中，以将相应的动画附加到元素上。
Animate.css还可以与Java结合使用，制作一些更有趣的循环动画效果。
项目地址：
6.NES.css
项目官网：
开源合约：MIT
NES.css是一个NES风格的CSS框架，可用于实现NES风格的按钮、字体和对话框。 NES.css仅包含CSS，不依赖任何Java，对性能影响最小。 另外，NES.css只提供组件，页面布局需要自己定义。
需要注意的是，NES.css 的默认字体 PressStart2P 仅支持英文字符。 如果您需要在德语以外的语言中使用此框架，则需要使用其他字体。 例如，英文需要使用Zpix（最多像素）字体。
疗效展示
项目地址：
7.PSone.css
项目官网：
开源合约：MIT
Psone.css是一个PS1游戏机风格的CSS框架，可以用来实现百搭的PS1风格的网页元素。 它的灵感来自上面的 Nes.css，目前只能通过链接获得：
款式展示：
项目地址：
8.98.css
项目官网：
开源合约：MIT
98.css是一个模仿Windows98界面的CSS库，充满怀旧气息... 98.css不包含任何Java，仅使用一些CSS来样式化HTML，这意味着它不会与后端框架有任何联系没有兼容性问题，也没有性能问题。
该库依赖于语义 HTML 的使用。 例如，编辑按钮需要使用 Button，输入元素需要标签，图标按钮则依赖 aria-label。
支持的组件包括：Button、Checkbox、OptionButton、GroupBox、TextBox、Dropdown、窗口（TitleBar、Windowcontents）和 TreeView。
项目地址：
9.MVP.css
项目官网：
开源合约：MIT
MVP.css 包含基本 HTML 元素的开箱即用 CSS 样式，它没有类名，也没有任何需要学习的框架。 也就是说，用户甚至不需要了解CSS，只需引用HTML中的css文件即可：
您可以将干净且现代的样式附加到 HTML 元素：
款式展示：
项目地址：
10. 图表.css
项目官网：
开源合约：MIT
Charts.css是一个开源CSS框架，可以将HTML元素样式转换为可视化图表，并通过简单的CSS类将数据转换为漂亮的图表和图形。
Charts.css 使用语义 HTML 标签构建，并使用 CSS 类设置样式。 通过修改类名，可以将表单等元素显示为可视化图形。 它支持使用媒体查询的自适应缩放，支持多种图表类型，并且没有 JS 代码带来的额外性能开销。
项目地址：
11.纯.css
项目官网：
开源合约：BSD
Pure 是一个大型响应式 CSS 框架，包含一组响应式 CSS 模块，这些模块为原生 HTML 元素以及最常见的 UI 组件提供响应式布局和样式。
Pure基于Normalize.css，支持Firefox、Chrome、Safari、iOS和IE10+，因此不存在浏览器兼容性问题。 据悉，Pure包含了各种常见的表格样式，并带有自己的表单对齐功能，包括垂直和水平菜单样式以及对下拉菜单的支持。
通过Pure，可以使用Grids、Menus等组件快速建立网页的基本布局——PC/联通双端，适应所有屏幕尺寸的自适应布局。
排版疗效展示：
项目地址：
12.布尔玛.css
项目官网：
开源合约：MIT
Bulma 是一个基于 Flexbox 的现代 CSS 框架。 它对联通友好，响应式排版，模块化支持导出部分内容，外观非常现代。
Bulma 提供了现成的响应式后端组件，可用于轻松创建 100% 响应式页面。 其Magictiles组件可以根据端口的大小自适应排版，这对于美观度较差的布局初学者使用尤其有利。
排版疗效展示：
项目地址：
13. css.gg
项目官网：
开源合约：MIT
css.gg 是一个开源 CSS、SVG 和 FigmaUI 图标库，可用于 SVGSprite、Styled Components、NPM 和 API。
css.gg 拥有 700 多个不同格式的精美现代图标。 使用css.gg可以使整个页面呈现统一且美观的UI风格。
图标风格：
项目地址：
本文介绍的软件来自Awesome软件系列的《有趣实用的CSS框架和组件》。
在这个系列中，小编挑选了一些开源的CSS框架/组件进行介绍，以吸引其他人。 如果你还知道其他有趣实用的CSS组件，欢迎在评论区留言分享，我们会采纳你的建议，持续更新Awesome系列的内容。
发表评论