加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai特色块SVG

SVG

SVG(Scalable Vector Graphics)用于绘制矢量图形的标准,它使用XML格式来描述图形。与位图图形不同,矢量图形是基于数学方程的,因此可以无限缩放而不失真。

文章目录

特色

将 SVG 文件转换为 XML 代码并插入页面,且可通过修改 XML 代码来调整元素,可为 SVG 元素设置链接。

配置选项

基本设置

全局样式

Select 区块对应的全局块样式。

Html 标签

Select 区块根元素的 Html 标签类型。

链接

链接地址

string 可输入绝对地址或输入关键字查找网站内的页面地址。支持的形式包括:

  • 以 http 或 https 开头的固定链接
  • 以 # 开头的锚点
  • 以 mailto 开头的邮箱地址
  • 以 tel 开头的电话地址

新窗口打开

Boolean 是否在新窗口中打开链接。

辅助描述

String 为链接添加 aria-label 属性,详细说明可参考 HTML 属性: aria-label

Rel 属性

Select 为链接标签添加 Rel 属性,详细说明可参考 HTML 属性: rel

元素

<span class="mk-svg">
  ...svg元素
</span>
  • 主容器 .mk-svg

其他

  • 系统默认不支持 SVG 文件上传,可前往 MooKwai 设置中开启 SVG 文件上传功能;
  • 为 SVG 添加固定链接时,仅当 Html 标签为 <a> 标签时有效;
  • 使用 SVG 插入页面中,系统会将 SVG 自带的全部样式清除,可通过修改 XML 代码或配置元素样式的方式进行调整;
  • 如需使用媒体链接形式直接插入 SVG 文件,请使用 “图片” 区块。

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧