更新记录

1.0.3(2024-10-25) 下载此版本

  • 【官方文档】ucs-svg 矢量图形
  • 【版本兼容】uni-app / uni-app-x
  • 【开发版本】HBuilderX - 4.24+
  • 【更新内容】修复svg在个平台的显示差异

1.0.2(2024-10-14) 下载此版本

  • 【官方文档】ucs-svg 矢量图形
  • 【版本兼容】uni-app / uni-app-x
  • 【开发版本】HBuilderX - 4.24+
  • 【更新内容】因ios第三库SVGKit类名和unix框架内的类名冲突导致自定义基座失败,更新临时处理方案解决此问题

1.0.1(2024-09-10) 下载此版本

  • 【官方文档】ucs-svg 矢量图形
  • 【版本兼容】uni-app / uni-app-x
  • 【开发版本】HBuilderX - 4.24+
  • 【更新内容】优化组件
查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.24,Android:5.0,iOS:11,HarmonyNext:不确定
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

logo

ucs-svg 矢量图形

简述

矢量图形组件是框架中用于渲染和操作 SVG 资源的组件。允许开发者将 SVG 图形封装成独立的组件,并在应用中灵活使用。SVG 图形组件具有响应式设计、组件化、易于维护、跨平台支持、丰富的社区和生态系统等特点。通过使用 SVG 图组件,开发者可以轻松地创建各种复杂和动态的 SVG 图形效果,以满足不同前端开发需求。

  • 响应式设计:组件是响应式的,这意味着 SVG 图形可以随着数据的变化而自动更新。这使得 SVG 图形可以轻松地与 uni-app 其它部分同步变化。
  • 组件化:组件化设计使得 SVG 图形可以作为独立的组件使用,便于代码的组织和复用。你可以将 SVG 图形封装成一个组件,然后在不同的组件中多次使用。
  • 易于维护:具有良好的封装性,这使得 SVG 图形组件的维护更加方便。你可以独立地修改组件的代码,而不会影响到其他组件。
  • 跨平台支持:支持多平台跨端,这意味着你可以使用相同的 SVG 图形组件在不同平台上运行,不需对修改代码完美适配。
  • 社区和生态系统:有一个庞大的社区和丰富的生态系统,你可以找到大量的 SVG 图形组件和库。这些组件和库可以帮助你快速实现各种复杂的 SVG 图形效果。

* 重要提示

因跨平台需求及性能考虑,uni-app-x[app]uni-app[app-nvue] 采用 uts 插件实现以优化性能,这两端需要配置 uts 插件运行配置后 自定义基座 使用。其余端不受此约束,可直接使用。

官方文档

官网地址:https://ucs.cloudsimpler.com/library/ucs-svg

源码

star fork

版权信息

  • 遵循 MIT 开源协议,无需支付任何费用,也无需授权,即可将框架应用到产品中。
  • 仅供学习交流,如作它用所承受的法律责任一概与作者无关。
  • 此插件采用《uts svg组件》部分代码,已获得插件作者「码农朱哲」的授权开源使用。

致谢

首先感谢 DCloud 官方,旗下出品的 uni-appuni-app-xuniClouduni-app 小程序 等多平台、多元化的技术体系。
其次感谢 DCloud 插件市场 开源作品的作者们,"捧着一颗心来,不带半棵草去。" 的开源奉献精神致敬。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问