g标签 怎么设置svg_SVG 参考手册

本文详细介绍了SVG中的g元素及其相关属性,包括如何设置SVG元素、动画效果、滤镜和变换等,帮助读者理解SVG图形的组织和增强视觉表现的方法。
摘要由CSDN通过智能技术生成

元素

说明

属性

创建一个SVG元素周围链接

xlink:show

xlink:actuate

xlink:href

target

允许对象性文字进行控制,来呈现特殊的字符数据

x

y

dx

dy

rotate

glyphRef

format

xlink:href

定义一系列象性符号的替换

id

定义一系列候选的象性符号的替换

id

随时间动态改变属性

attributeName="目标属性名称"

from="起始值"

to="结束值"

dur="持续时间"

repeatCount="动画时间将发生"

定义随着时间的推移颜色转换

by="相对偏移值"

from="起始值"

to="结束值"

使元素沿着动作路径移动

calcMode="动画的插补模式。可以是'discrete',

'linear', 'paced', 'spline'"

path="运动路径"

keyPoints="沿运动路径的对象目前时间应移动多远"

rotate="应用旋转变换"

xlink:href="一个URI引用元素,它定义运动路径"

动画上一个目标元素变换属性,从而使动画控制平移,缩放,旋转或倾斜

by="相对偏移值"

from="起始值"

to="结束值"

type="类型的转换其值是随时间变化。可以是 'translate', 'scale', 'rotate', 'skewX', 'skewY'"

定义一个圆

cx="圆的x轴坐标"

cy="圆的y轴坐标"

r="圆的半径". 必需.

+ 显现属性:颜色,FillStroke,图形

用于隐藏位于剪切路径以外的对象部分。定义绘制什么和什么不绘制的模具被称为剪切路径

clip-path="引用剪贴路径和引用剪贴路径交叉"

clipPathUnits="userSpaceOnUse'或'objectBoundingBox"。第二个值childern一个对象的边框,会使用掩码的一小部分单位(默认:"userSpaceOnUse")"

指定颜色配置文件的说明(使用CSS样式文件时)

local="本地存储颜色配置文件唯一ID"

name=""

rendering-intent="auto|perceptual|relative-colorimetric|saturation|absolute-colorimetric"

xlink:href="ICC配置文件资源URI"

定义一个独立于平台的自定义光标

x="x轴左上角光标(默认为0)"

y="y轴的左上角光标(默认为0)"

xlink:href="使用光标图像URI

引用的元素容器

对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示

定义一个椭圆

cx="椭圆x轴坐标"

cy="椭圆y轴坐标"

rx="沿x轴椭圆形的半径

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值