- 博客(8)
- 收藏
- 关注
RSS订阅原创 Svg实现文字描边和文字渐变
SvgText 组件是一个功能强大的 SVG 文字渲染工具，支持多种高级特性。它能够实现自动换行、自适应尺寸，并提供丰富的样式选项，包括渐变色填充和描边效果。组件参数允许配置字体大小、粗细、间距等属性，并支持水平、垂直和对角线三种渐变方向。通过智能计算文字宽度和换行逻辑，组件确保文字在不同尺寸下都能完美显示。该组件还采用唯一ID生成技术，避免了多实例间的样式冲突。
2025-11-14 15:34:44
1063
原创 生成二维码到画布（qrcode.js, pixi.js）
本文介绍了使用Pixi.js和QRCode库生成并显示二维码的基本步骤。首先安装必要的依赖，然后创建PIXI应用并设置背景。核心部分通过QRCode生成二维码数据，利用PIXI的Graphics对象绘制二维码：先绘制白色背景，再根据二维码模块数据填充黑色方块。最后将生成的二维码添加到PIXI舞台中显示。文中还提供了相关代码片段和实际效果图，使用的库版本为Pixi.js 8.11.0和QRCode 1.5.4。
2025-08-08 16:00:41
210
原创 SVG 参数详解
本文详细介绍了SVG参数与常用标签，包括基础图形元素（如矩形、圆形、路径等）、结构容器标签（组、符号模板等）、渐变与滤镜效果，以及动画实现方法。重点解析了<svg>根容器属性、<path>路径指令和各种图形标签的参数设置，并提供了渐变、滤镜和动画的使用示例。文章可作为SVG开发的实用参考手册，帮助开发者快速掌握SVG绘图的核心技术要点。
2025-08-04 14:15:31
1132
原创 CSS border-image 属性详解
CSS border-image 属性详解：该属性允许将图像用作元素边框，是多个子属性的简写。语法包含图像路径、切割尺寸、边框宽度、延伸距离和平铺方式。关键点包括将图像切割为9个区域、四种平铺方式（拉伸/重复/圆整/留空），以及必须设置透明边框预留空间。示例展示了简写和单独属性写法，并指出需添加浏览器前缀确保兼容性。该属性支持渐变边框，可用于实现邮票等复杂边框效果。注意使用SVG/PNG透明背景图以获得最佳效果。
2025-06-25 14:05:53
603
原创 Vue 3 项目中集成 Froala 编辑器并实现图片上传
本文介绍了在Vue 3项目中集成Froala富文本编辑器并实现图片上传功能的完整方案。前端使用Composition API配置Froala组件，设置图片上传接口；后端采用Express和multer搭建文件上传服务，规范处理图片存储并返回Froala所需的JSON格式响应。文章提供了从依赖安装、前端组件注册到后端接口开发的详细代码示例，并阐述了完整的实现流程，包括启动服务和跨域处理建议。该方案可直接应用于实际项目开发，实现富文本编辑器的图片上传功能。
2025-06-06 17:47:27
991
原创 前端入门教程
前端开发不仅涉及静态页面的制作，更融合了动态交互和现代 Web 技术。通过本教程的基础讲解，希望你能快速搭建出自己的第一个网页，并渐进式掌握更多前端技能。接下来的路程中，你可以结合技术博客、在线课程（如 MDN Web Docs、freeCodeCamp）和社区交流，不断深入学习
2025-05-21 13:44:42
1292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人