- 之前发布过一个 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...
- 《前端基础 第二十一篇》 《前端基础 第二十一篇》
- 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？这些矢量编辑器的核心能力是什么？不是画个圆画个方那么简单——而是能编辑：选中一个图形，拖动控制点改变形状，旋转缩放调整位置，调整...
- HarmonyOS开发：SVG性能优化与大规模矢量渲染核心要点：系统掌握SVG性能瓶颈分析方法、解析优化、渲染优化、复杂SVG拆分与缓存策略，攻克大规模矢量场景下的性能难题。 一、背景与动机你有没有遇到过这种情况？一个精美的SVG地图，在设计师电脑上跑得丝滑流畅，放到手机上却卡成PPT？或者一个包含几千个节点的SVG数据可视化图表，缩放时帧率直接跌到个位数？SVG的性能问题，是每个做大规模... HarmonyOS开发：SVG性能优化与大规模矢量渲染核心要点：系统掌握SVG性能瓶颈分析方法、解析优化、渲染优化、复杂SVG拆分与缓存策略，攻克大规模矢量场景下的性能难题。 一、背景与动机你有没有遇到过这种情况？一个精美的SVG地图，在设计师电脑上跑得丝滑流畅，放到手机上却卡成PPT？或者一个包含几千个节点的SVG数据可视化图表，缩放时帧率直接跌到个位数？SVG的性能问题，是每个做大规模...
- HarmonyOS APP开发：SVG交互与动态图形📌 核心要点：掌握SVG事件处理、路径动画、数据驱动更新与手势操作，构建可交互数据地图等复杂动态矢量图形应用。 一、背景与动机你有没有在手机上看过那种"点击省份查看数据"的可交互地图？或者那种数据变化时柱状图丝滑过渡的动态图表？再或者那种手指拖动就能旋转的3D饼图？这些效果背后都有一个共同的技术基础——SVG交互。SVG天生就是为交互而... HarmonyOS APP开发：SVG交互与动态图形📌 核心要点：掌握SVG事件处理、路径动画、数据驱动更新与手势操作，构建可交互数据地图等复杂动态矢量图形应用。 一、背景与动机你有没有在手机上看过那种"点击省份查看数据"的可交互地图？或者那种数据变化时柱状图丝滑过渡的动态图表？再或者那种手指拖动就能旋转的3D饼图？这些效果背后都有一个共同的技术基础——SVG交互。SVG天生就是为交互而...
- HarmonyOS开发：SVG滤镜效果与图像处理核心要点：深入掌握SVG滤镜体系，从feGaussianBlur到feTurbulence，学会用滤镜原语组合出丰富视觉效果，打造专业级图像处理能力。 一、背景与动机你有没有想过，为什么有些应用的界面看起来特别"高级"？按钮有柔和的投影，卡片有磨砂玻璃效果，背景有流动的噪声纹理……这些效果如果用传统方式实现，要么需要大量图片资源，要么得写复杂... HarmonyOS开发：SVG滤镜效果与图像处理核心要点：深入掌握SVG滤镜体系，从feGaussianBlur到feTurbulence，学会用滤镜原语组合出丰富视觉效果，打造专业级图像处理能力。 一、背景与动机你有没有想过，为什么有些应用的界面看起来特别"高级"？按钮有柔和的投影，卡片有磨砂玻璃效果，背景有流动的噪声纹理……这些效果如果用传统方式实现，要么需要大量图片资源，要么得写复杂...
- Mermaid作为基于文本的图表描述语言，其语法解析器需要明确区分元字符与内容字符。当节点标签包含编程语言中常见的括号、引号时，就形成了语法冲突，比如函数调用表达式（如tbe.vsigmoid(x)）。问题：Parse error on line 5... Expecting 'SQE', ... got 'PS'分析：PS 很可能代表 “Parenthesis Start” (。从直接使用... Mermaid作为基于文本的图表描述语言，其语法解析器需要明确区分元字符与内容字符。当节点标签包含编程语言中常见的括号、引号时，就形成了语法冲突，比如函数调用表达式（如tbe.vsigmoid(x)）。问题：Parse error on line 5... Expecting 'SQE', ... got 'PS'分析：PS 很可能代表 “Parenthesis Start” (。从直接使用...
- SVG Sprites 在前端 Web UI 渲染中的应用在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载可能导致性能问题。为了解决这个问题，开发者们使用SVG Sprites（SVG精灵）来优化图标... SVG Sprites 在前端 Web UI 渲染中的应用在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载可能导致性能问题。为了解决这个问题，开发者们使用SVG Sprites（SVG精灵）来优化图标...
- 免费插件库! 免费插件库!
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程：工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合，展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎，仓颉语言为载体，带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中 -
一个AI团队帮你写代码：华为云码道Agent Space实战2026/06/25 周四 19:00-21:00
张翰文-华为云码道工程师/郭英旭-青软创新科技集团股份有限公司 软件架构师
本场直播聚焦华为云码道Agent Space两大模式：研发办公、代码开发，亲身体验从需求到代码的AI自动化能力。实操演示基于华为 CodeArts CLI，依托 OpenSpec 规格体系从零搭建业务项目。
回顾中
热门标签