- 之前发布过一个 scale_design 模块，主要提供的是一个基于 dp 尺寸的设计稿解决方案，记录在我的博客【scale_design - 设计师尺寸适配工具与常用组件库】，地址：https://jclee95.blog.csdn.net/article/details/134210226。我打算将一些常用的组件，对于少数常用的原生组件，如 Text、TextSpan、以及各种原生的Butto 之前发布过一个 scale_design 模块，主要提供的是一个基于 dp 尺寸的设计稿解决方案，记录在我的博客【scale_design - 设计师尺寸适配工具与常用组件库】，地址：https://jclee95.blog.csdn.net/article/details/134210226。我打算将一些常用的组件，对于少数常用的原生组件，如 Text、TextSpan、以及各种原生的Butto
- cairosvg 库用于将 SVG 图像转换为其他图片格式。它使用 Cairo 库来绘制 SVG 图像，并支持将 SVG 图像转换为 PNG、PDF、PS、SVG 和 GIF 格式。 Python cairosvg 上手案例由于该库是图片转格式的第三方库，所以我们可以直接进行上手学习，提前准备一张 svg 图片。如果没有，可以查看《Python 生成 svg 图片，一篇博客带你掌握 Pyth... cairosvg 库用于将 SVG 图像转换为其他图片格式。它使用 Cairo 库来绘制 SVG 图像，并支持将 SVG 图像转换为 PNG、PDF、PS、SVG 和 GIF 格式。 Python cairosvg 上手案例由于该库是图片转格式的第三方库，所以我们可以直接进行上手学习，提前准备一张 svg 图片。如果没有，可以查看《Python 生成 svg 图片，一篇博客带你掌握 Pyth...
- Python 操作 SVG 图片的库清单在 Python 中，可以使用以下几种库来生成 SVG 图片：svgwrite：这是一个简单易用的 Python 库，可以用来生成简单的 SVG 图片。使用方法类似于绘图，可以在 SVG 画布上画线、矩形、圆等图形。cairosvg：这是一个基于 Cairo 库的 SVG 库，可以用来将 SVG 转换为其他图片格式，如 PNG、PDF 等。lxml：... Python 操作 SVG 图片的库清单在 Python 中，可以使用以下几种库来生成 SVG 图片：svgwrite：这是一个简单易用的 Python 库，可以用来生成简单的 SVG 图片。使用方法类似于绘图，可以在 SVG 画布上画线、矩形、圆等图形。cairosvg：这是一个基于 Cairo 库的 SVG 库，可以用来将 SVG 转换为其他图片格式，如 PNG、PDF 等。lxml：...
- 《前端基础 第十八篇》 《前端基础 第十八篇》
- Image@Composablefun Image( painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, alignment: Alignment = Alignment.Center, contentScale: ContentScale = Content... Image@Composablefun Image( painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, alignment: Alignment = Alignment.Center, contentScale: ContentScale = Content...
- 《前端基础 第二十一篇》 《前端基础 第二十一篇》
- 间距系统工程：从尺度数学到空间语义的层级构建本文是设计系统系列的第十篇。前九篇分别讨论了 Token 架构、风格光谱、动效系统、设计语言迁移、组件级微交互、页面叙事节奏、数据可视化组件、排版系统和色彩系统——间距在其中每篇都以"已知条件"出现：--space-4、padding: 48px、gap: 16px……但间距自身的生成规则、语义分层和组件消费策略从未被独立拆解。本文补上这块拼图：... 间距系统工程：从尺度数学到空间语义的层级构建本文是设计系统系列的第十篇。前九篇分别讨论了 Token 架构、风格光谱、动效系统、设计语言迁移、组件级微交互、页面叙事节奏、数据可视化组件、排版系统和色彩系统——间距在其中每篇都以"已知条件"出现：--space-4、padding: 48px、gap: 16px……但间距自身的生成规则、语义分层和组件消费策略从未被独立拆解。本文补上这块拼图：...
- 实测 GitHub 5.2 万星项目 diagram-design：一个教智能体画图的技能，产出是单个自带样式的 HTML+SVG 文件。45 种图表、强制正交连线、对比度契约。附笔者按其规范实画的一张架构图与完整源码。 实测 GitHub 5.2 万星项目 diagram-design：一个教智能体画图的技能，产出是单个自带样式的 HTML+SVG 文件。45 种图表、强制正交连线、对比度契约。附笔者按其规范实画的一张架构图与完整源码。
- 如果你最近关注大语言模型，可能会遇到一个听起来有些奇怪的词：“鹈鹕测试”（Pelican Test）。它的测试方法简单得近乎玩笑：给一个大语言模型一句提示词——“Generate an SVG of a pelican riding a bicycle.”也就是：生成一张“鹈鹕骑自行车”的 SVG 图。没有复杂数学题，没有几万道标准化试题，也没有专门的评分系统。模型只需要用代码“画”出一只正... 如果你最近关注大语言模型，可能会遇到一个听起来有些奇怪的词：“鹈鹕测试”（Pelican Test）。它的测试方法简单得近乎玩笑：给一个大语言模型一句提示词——“Generate an SVG of a pelican riding a bicycle.”也就是：生成一张“鹈鹕骑自行车”的 SVG 图。没有复杂数学题，没有几万道标准化试题，也没有专门的评分系统。模型只需要用代码“画”出一只正...
- 作品简介：交互式SVG路径编辑器与贝塞尔曲线工坊，支持可视化节点拖拽、参数微调与多端代码生成。SVGPath Pro · 交互式 SVG 路径编辑器与贝塞尔曲线工坊项目简介SVGPath Pro 是一款专为前端开发工程师、UI/UX 设计师与矢量图形爱好者设计的纯前端交互式 SVG 路径可视化编辑器与贝塞尔曲线生成工作台。无需依赖复杂的专业矢量软件，用户可直接在浏览器中通过可视化拖拽控制点、... 作品简介：交互式SVG路径编辑器与贝塞尔曲线工坊，支持可视化节点拖拽、参数微调与多端代码生成。SVGPath Pro · 交互式 SVG 路径编辑器与贝塞尔曲线工坊项目简介SVGPath Pro 是一款专为前端开发工程师、UI/UX 设计师与矢量图形爱好者设计的纯前端交互式 SVG 路径可视化编辑器与贝塞尔曲线生成工作台。无需依赖复杂的专业矢量软件，用户可直接在浏览器中通过可视化拖拽控制点、...
- 作品简介：现代正则表达式可视化图谱与调试工作台，内置SVG铁路图、多色捕获高亮与代码生成。RegexPlay Pro · 现代正则表达式可视化图谱与实时调试沙盒项目简介RegexPlay Pro 是一款专为全栈工程师、数据分析师与前端开发者打造的纯前端现代化正则表达式可视化解析、实时测试与代码生成工作台。系统内置 SVG 铁路图/语法状态机动态流向渲染、多色捕获分组实时高亮、捕获组明细分解表... 作品简介：现代正则表达式可视化图谱与调试工作台，内置SVG铁路图、多色捕获高亮与代码生成。RegexPlay Pro · 现代正则表达式可视化图谱与实时调试沙盒项目简介RegexPlay Pro 是一款专为全栈工程师、数据分析师与前端开发者打造的纯前端现代化正则表达式可视化解析、实时测试与代码生成工作台。系统内置 SVG 铁路图/语法状态机动态流向渲染、多色捕获分组实时高亮、捕获组明细分解表...
- 微信公众平台文章编辑中，图文排版设计是决定阅读体验的重要环节。本篇文章将为大家解析8款公众号排版设计软件，并提供新手必备的排版技巧与设计方案建议，帮助您全面提升公众号文章的设计表现力。 微信公众平台文章编辑中，图文排版设计是决定阅读体验的重要环节。本篇文章将为大家解析8款公众号排版设计软件，并提供新手必备的排版技巧与设计方案建议，帮助您全面提升公众号文章的设计表现力。
- HarmonyOS开发：资源打包——资源处理策略📌 核心要点：资源文件占HAP体积的40-60%，理解资源打包规则、多分辨率处理、国际化策略和按需加载，是控制包体积和保证用户体验的关键。 背景与动机你往resources目录里塞了一张2MB的PNG，打包完HAP体积直接涨了2MB。你觉得不对劲——这张图在手机上显示区域就100x100像素，为什么原图是2000x2000？又或者，你做了1... HarmonyOS开发：资源打包——资源处理策略📌 核心要点：资源文件占HAP体积的40-60%，理解资源打包规则、多分辨率处理、国际化策略和按需加载，是控制包体积和保证用户体验的关键。 背景与动机你往resources目录里塞了一张2MB的PNG，打包完HAP体积直接涨了2MB。你觉得不对劲——这张图在手机上显示区域就100x100像素，为什么原图是2000x2000？又或者，你做了1...
- HarmonyOS APP开发：资源压缩与图片资源优化📌 核心要点：系统掌握图片格式选型策略、多设备资源适配方案、冗余资源清理方法，通过资源混淆与压缩技术实现HAP包资源体积的大幅精简。 一、背景与动机打开你的HAP包，看看resources目录占了多少空间？如果你和大多数开发者一样，答案很可能是——“超过一半”。资源文件，尤其是图片，是HAP包体积的"头号贡献者"。一个中型应用可能包含... HarmonyOS APP开发：资源压缩与图片资源优化📌 核心要点：系统掌握图片格式选型策略、多设备资源适配方案、冗余资源清理方法，通过资源混淆与压缩技术实现HAP包资源体积的大幅精简。 一、背景与动机打开你的HAP包，看看resources目录占了多少空间？如果你和大多数开发者一样，答案很可能是——“超过一半”。资源文件，尤其是图片，是HAP包体积的"头号贡献者"。一个中型应用可能包含...
- HarmonyOS APP开发：SVG编辑器与矢量绘图工具📌 核心要点：从架构设计到功能实现，构建完整的SVG编辑器，涵盖路径编辑、变换操作、图层管理与导出序列化，打造专业级矢量绘图工具。 一、背景与动机你有没有用过Figma、Sketch或者Inkscape？这些矢量编辑器的核心能力是什么？不是画个圆画个方那么简单——而是能编辑：选中一个图形，拖动控制点改变形状，旋转缩放调整位置，调整... HarmonyOS APP开发：SVG编辑器与矢量绘图工具📌 核心要点：从架构设计到功能实现，构建完整的SVG编辑器，涵盖路径编辑、变换操作、图层管理与导出序列化，打造专业级矢量绘图工具。 一、背景与动机你有没有用过Figma、Sketch或者Inkscape？这些矢量编辑器的核心能力是什么？不是画个圆画个方那么简单——而是能编辑：选中一个图形，拖动控制点改变形状，旋转缩放调整位置，调整...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签