SVG技术使用说明书

svg操作方法及注意事项SVG（Scalable Vector Graphics）是一种基于XML的图形格式，用于描述二维矢量图形。

在使用SVG进行操作时，需要掌握一些基本的方法和注意事项。

一、SVG操作方法：1. 创建SVG元素：可以使用HTML的<svg>标签创建SVG元素，设置其属性，如宽度、高度等。

2. 绘制基本形状：SVG支持绘制矩形、圆形、椭圆、直线、多边形等基本形状，可以使用相应的<rect>、<circle>、<ellipse>、<line>、<polyline>等标签进行绘制。

3. 使用路径绘制复杂形状：路径是SVG中最常用的绘制复杂形状的方法，可以使用<path>标签，通过设置路径命令（如M、L、C等）来描述路径的起点、直线段、曲线段等。

4. 设置样式：可以通过设置元素的样式属性，如fill（填充颜色）、stroke（边框颜色）、stroke-width（边框宽度）等来改变SVG元素的外观。

5. 使用变换：可以使用transform属性对SVG元素进行平移、旋转、缩放等变换操作，常用的值有translate、rotate、scale等。

6. 添加文本：可以使用<text>标签添加文本内容，并设置其样式属性，如字体大小、字体颜色等。

7. 添加动画：SVG支持添加动画效果，可以使用<animate>、<animateTransform>等标签来实现平移、旋转、缩放等动画效果。

二、注意事项：1. 使用正确的XML语法：SVG是基于XML的格式，因此需要遵循XML的语法规则，如正确嵌套标签、正确闭合标签等。

2. 注意坐标系：SVG使用笛卡尔坐标系，原点在左上角，x轴向右，y轴向下。

在绘制图形时，需要注意坐标系的转换。

3. 注意单位：SVG中的长度单位可以是像素（px）、百分比（%）等，需要根据具体情况选择合适的单位。

About the T utorialScalable Vector Graphics commonly known as SVG is a XML based format to draw vector images. It is used to draw twodimentional vector images.This tutorial will teach you basics of SVG. Also, this training material contains chapters discussing all the basic components of SVG with suitable examples.AudienceThis tutorial has been prepared for beginners to help them understand the basic concepts related to SVG. Also, it will give you enough understanding on SVG from where you can take yourself to a higher level of expertise.PrerequisitesBefore proceeding with this tutorial, it is advisable to have some basic knowledge of XML, HTML, and JavaScript.Disclaimer & CopyrightCopyright 2015 by Tutorials Point (I) Pvt. Ltd.All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute, or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher. We strive to update the contents of our website and tutorials as timely and as precisely as possible, however, the contents may contain inaccuracies or errors. Tutorials Point (I) Pvt. Ltd. provides no guarantee regarding the accuracy, timeliness, or completeness of our website or its contents including this tutorial. If you discover any errors on our website or in this tutorial, please notify us at **************************iT able of ContentsAbout the Tutorial (i)Audience (i)Prerequisites (i)Disclaimer & Copyright (i)Table of Contents ...................................................................................................................................... i i SVG – OVERVIEW (1)What is SVG? (1)Advantages (1)Disadvantages (1)Example (1)How SVG Integrates with HTML (2)SVG – SHAPES (4)SVG Rect (4)SVG Circle (7)SVG Ellipse (9)SVG Line (12)SVG Polygon (14)SVG Polyline (17)SVG Path (19)SVG – TEXT (24)Declaration (24)Attributes (24)Example (25)SVG – STROKE (27)iiExample (27)SVG – FILTERS (30)Declaration (30)Attributes (31)Example (31)SVG – PATTERNS (34)Declaration (34)Attributes (34)Example (35)SVG – GRADIENTS (37)Linear Gradients Declaration (37)Attributes (37)Example (38)Radial Gradients Declaration (39)Attributes (40)Example (41)SVG – INTERACTIVITY (43)Example (43)Explanation (44)SVG – LINKING (46)Declaration (46)Attributes (46)Example (46)iiiSVG 1What is SVG?∙SVG, Scalable Vector Graphics is an XML based language to define vector based graphics. ∙SVG is expected to display images over the web. ∙As these are vector images, SVG images never drops on quality no matter how they are zoomed out or resized. ∙SVG images supports interactivity and animation. ∙SVG is a W3C standard. ∙Other image formats like raster images can also be clubbed with SVG images. ∙ SVG integrates well with XSLT and DOM of HTML.Advantages∙Use any text editor to create and edit SVG images. ∙Being XML based, SVG images are searchable, indexable and can be scripted and compressed. ∙SVG images are highly scalable as they never loses quality no matter how they are zoomed out or resized ∙Good printing quality at any resolution ∙ SVG is an Open StandardDisadvantages∙Since text format size is larger, it is generally compared to binary formatted raster images. ∙ Size can be big even for a smaller image.ExampleFollowing XML snippet can be used to draw a circle in web browser. <svg width="100" height="100"><circle cx="50" cy="50" r="40" stroke="red" stroke-width="2" fill="green" /> </svg>Embed the SVG XML directly in an HTML page.testSVG.htm<html><title>SVG Image</title>SVG – OVERVIEWSVG<body><h1>Sample SVG Image</h1><svg width="100" height="100"><circle cx="50" cy="50" r="40" stroke="red" stroke-width="2" fill="green" /></svg></body></html>OutputOpen textSVG.htm in Chrome web browser. You can use Chrome/Firefox/Opera to view SVG image directly without any plugin. In Internet Explorer, activeX controls are required to view SVG images.How SVG Integrates with HTML∙<svg> element indicates the start of SVG image.∙<svg> element's width and height attributes defines the height and width of the SVG image.∙In the above example, we've used a <circle> element to draw a circle.∙cx and cy attribute represents center of the circle. Default value is (0,0).∙“r”attribute represents radius of circle.∙Other attribues stroke and stroke-width controls the outlining of the circle.2SVG ∙fill attributes defines the fill color of the circle.∙Closing</svg> tag indicates the end of SVG image.3SVGEnd of ebook previewIf you liked what you saw…Buy it from our store @ https://4。

运行人员监控操作说明1 运行人员控制功能●SVG运行模式的选择运行人员在主画面通过遥控操作选择恒无功、恒电压或者恒功率因数模式，提供“SVG电压/无功”和“SVG无功/功率因数”选择按钮。

运行人员根据调度要求，选择不同的运行模式。

●SVG运行定值的设定运行人员在主画面通过遥调操作设定或修改SVG的运行定值，提供“无功定值”、“功率因数定值”和“交流电压定值”。

●报警查看和确认运行人员可以在实时告警窗口中查看所有历史告警信息，并在系统监视画面或者功率阀组画面确认所有遥信变位告警以及音响告警。

2 运行人员监视功能●SVG一次系统运行参数和状态的监视：包括断路器、手车、隔离刀闸、接地刀闸的状态，SVG所在线路的电压和电流，输出无功和吸收有功等。

阀组的监控包括：功率阀组的电压和状态信息等。

●SVG二次系统的状态监视：包括各IO开入状态等。

●事件顺序记录（SOE）和告警信号：所有的运行值和状态信号中，当达到或超过设计临界值或限制值时的显示告警，所有保护动作信号和故障报警。

SVG系统的启动操作说明1启动前准备工作SVG系统启动前需要确认以下注意事项：●功率柜柜门保持关闭。

●SVG断路器柜手车处于工作位置，断路器处于分闸位置。

●SVG启动柜断路器处于分闸位置。

●检查SVG设备状态，控制柜、功率柜、启动柜内是否有异物，接线电缆是否有松动。

●检查控制柜中控制电源是否正常，闭合控制柜内所有电源开关及空开，开启监控后台。

进入SVG系统启动前的基本设置：●控制柜“模式切换”把手打在”远方”模式时，操作命令由后台发出；“模式切换”把手打在”就地”模式时，操作命令由控制柜就地操作，操作”开机”按钮之后，预充电结束后SVG直接并网工作。

●当处于”远方”模式时，系统满足起动条件之后，后台显示“起动条件已满足”信号，表示SVG系统可以起动，操作起机遥控”按钮即可开机，预充电结束SVG直接并网工作。

●当处于”远方”模式时，开机前需在后台中设置控制命令（控制模式选择）：⏹ SVG电压/无功：选择控制方式为恒无功控制模式或恒电压控制模式；⏹ SVG无功/功率因数：选择功率因数控制模式是否投入；●当处于”远方”模式时，开机前需在后台中设置调节命令（控制定值设置）：⏹ 无功定值：当控制模式为恒无功功率时，设置输出无功的大小；⏹ 功率因数定值：当控制模式恒功率因数时，设置功率因数定值；⏹ 交流电压定值：当控制模式为恒电压时，设置稳定电压的大小。

SVG 高压动态无功发生与滤波器使用说明书121概述部分1.1电网质量的现状及危害在电力系统中，由于大量电动机负荷和其它用电设备的投入，造成电网供电质量下降，即功率因数较低、电压波动较大。

近年来由于变频器和整流设备等电力电子设备的广泛使用，使得电网受到严重的谐波污染。

在工业负荷发达的电网，日耗电量巨大，负荷呈非线性和冲击性，引发了多种电能质量问题，主要包括功率因数低、谐波含量高、三相不平衡、功率冲击、电压闪变和电压波动。

电能质量问题概括如下：1、电网的功率因数低，增加电网损耗，加大生产成本，降低生产率。

2、传动设备的频繁起动造成了无功冲击，引起电网电压降低、电压波动和电压闪变，严重时导致传动装置及保护装置无法正常工作甚至影响生产。

3、由于变频器等电力电子设备的使用，产生高次谐波电流，导致电网电压和电流畸变；电压和电流谐波对电网和用电设备产生以下恶劣后果：•谐波会导致保护及安全自动装置误动作，影响生产•谐波导致电容器组谐波电流放大，使电容器过负荷或过电压，甚至烧毁•谐波会增加变电器损耗，引起变压器发热•谐波导致电力设备发热，增加损耗；电机力矩不稳甚至损坏，降低生产率•谐波会加速变压器和其它电力设备的绝缘老化•谐波会干扰通讯信号，严重时使通讯无法正常运行，严重影响生产4、导致电网三相不平衡，产生负序电流使电机转子发生振动。

综上所述，电网的谐波和无功问题日益突出，整个供配电系统的安全运行存在较大的隐患。

因此，世界各国电力系统近年来纷纷采用了动态无功补偿装置和谐波治理装置来提高电网的电能质量，同时，由于电能质量的提高，也使电力系统和工矿企业获得了丰厚的回报。

1.2谐波的定义国际电工标准给出的谐波定义为：谐波是频率为基波频率整数倍的正弦波。

谐波是由非线性元件或非线性负荷产生的，相对于系统而言可称其为谐波源，对于补偿装置，我们称其为谐波负荷。

电力系统中常见的非线性负荷有：大功率换流设备，电力机车如电气化铁路、市内电车等，电弧炉、电弧焊机和日光灯等含有电弧的设备，电力变压器、铁心电抗器等含有磁饱和特性的设备。

用户操作说明1.自动启动操作：点击触摸屏‘装置启停’界面中的“自动启动”按钮具体过程：当交流电压处于正常状态时，点击触摸屏‘装置启停’界面中的“自动启动”按钮，装置收到启动指令后，按顺序进行：合SVG启动开关（SVG预充电）→直流调压（泵升直流电压）→收回直流调压，合SVG运行开关（并网）→直流调压→电流跟踪，SVG发出无功电流并按选定控制方式运行，至此GSC启动完成。

注意事项：启动前需确认1）数据显示界面：系统线电压UabG、UbcG、UcaG和装置线电压UabD、UbcD、UcaD处于正常状态（近似为10kV）；各单元模块直压在50~70V范围内（若长时间停机各单元模块直压为0V）；2）压板状态界面：网侧过压I段（必投）、网侧欠压I段（必投）、装置过流速断（必投）、装置过流I段（必投）、FPGA过流使能（必投）、定功率因数控制（控制方式选择为稳定功率因数，必投）、5次谐波补偿、7次谐波补偿、11次谐波补偿（5、7、11次谐波补偿压板需同时投、退）全自动运行（必投）、装置电流方向（必投）、SC电流方向（必投）3）开入显示界面风机接触器分位：投入状态SVG接触器分位：投入状态SVG断路器分位：投入状态无其他故障状态（24V异常、15V异常、急停、柜门开启）*****若非专业人员或未经允许，不建议私自投退压板或修改相关参数。

*****2.自动停机操作：点击触摸屏‘装置启停’界面中的“自动退出”按钮具体过程：点击“自动退出”按钮，装置收到停机命令后，按顺序进行：收回电流跟踪→收回直流调压→分SVG启动开关→分SVG运行开关，SVG退出运行，至此GSC停机完成。

注意事项：停机后，若要再次启动，需等待各单元模块直压降到70V以下方可。

3.异常情况处理若装置运行过程中，发现异常情况需立即停机，可操作面板前急停按钮（红色）进行停机处理。

4.日常维护装置运行一段时间后，需定期清理各单元模块面板上的防尘棉。

更换防尘棉时需将装置停机，等待10分钟以上。

SVG 高压动态无功发生与滤波器使用说明书121概述部分1.1电网质量的现状及危害在电力系统中，由于大量电动机负荷和其它用电设备的投入，造成电网供电质量下降，即功率因数较低、电压波动较大。

近年来由于变频器和整流设备等电力电子设备的广泛使用，使得电网受到严重的谐波污染。

在工业负荷发达的电网，日耗电量巨大，负荷呈非线性和冲击性，引发了多种电能质量问题，主要包括功率因数低、谐波含量高、三相不平衡、功率冲击、电压闪变和电压波动。

电能质量问题概括如下：1、电网的功率因数低，增加电网损耗，加大生产成本，降低生产率。

2、传动设备的频繁起动造成了无功冲击，引起电网电压降低、电压波动和电压闪变，严重时导致传动装置及保护装置无法正常工作甚至影响生产。

3、由于变频器等电力电子设备的使用，产生高次谐波电流，导致电网电压和电流畸变；电压和电流谐波对电网和用电设备产生以下恶劣后果：•谐波会导致保护及安全自动装置误动作，影响生产•谐波导致电容器组谐波电流放大，使电容器过负荷或过电压，甚至烧毁•谐波会增加变电器损耗，引起变压器发热•谐波导致电力设备发热，增加损耗；电机力矩不稳甚至损坏，降低生产率•谐波会加速变压器和其它电力设备的绝缘老化•谐波会干扰通讯信号，严重时使通讯无法正常运行，严重影响生产4、导致电网三相不平衡，产生负序电流使电机转子发生振动。

综上所述，电网的谐波和无功问题日益突出，整个供配电系统的安全运行存在较大的隐患。

因此，世界各国电力系统近年来纷纷采用了动态无功补偿装置和谐波治理装置来提高电网的电能质量，同时，由于电能质量的提高，也使电力系统和工矿企业获得了丰厚的回报。

1.2谐波的定义国际电工标准给出的谐波定义为：谐波是频率为基波频率整数倍的正弦波。

谐波是由非线性元件或非线性负荷产生的，相对于系统而言可称其为谐波源，对于补偿装置，我们称其为谐波负荷。

电力系统中常见的非线性负荷有：大功率换流设备，电力机车如电气化铁路、市内电车等，电弧炉、电弧焊机和日光灯等含有电弧的设备，电力变压器、铁心电抗器等含有磁饱和特性的设备。

运行人员监控操作说明1 运行人员控制功能●SVG运行模式的选择运行人员在主画面通过遥控操作选择恒无功、恒电压或者恒功率因数模式，提供“SVG电压/无功”和“SVG无功/功率因数”选择按钮。

运行人员根据调度要求，选择不同的运行模式。

●SVG运行定值的设定运行人员在主画面通过遥调操作设定或修改SVG的运行定值，提供“无功定值”、“功率因数定值”和“交流电压定值”。

●报警查看和确认运行人员可以在实时告警窗口中查看所有历史告警信息，并在系统监视画面或者功率阀组画面确认所有遥信变位告警以及音响告警。

2 运行人员监视功能●SVG一次系统运行参数和状态的监视：包括断路器、手车、隔离刀闸、接地刀闸的状态，SVG所在线路的电压和电流，输出无功和吸收有功等。

阀组的监控包括：功率阀组的电压和状态信息等。

●SVG二次系统的状态监视：包括各IO开入状态等。

●事件顺序记录（SOE）和告警信号：所有的运行值和状态信号中，当达到或超过设计临界值或限制值时的显示告警，所有保护动作信号和故障报警。

SVG系统的启动操作说明1启动前准备工作SVG系统启动前需要确认以下注意事项：●功率柜柜门保持关闭。

●SVG断路器柜手车处于工作位置，断路器处于分闸位置。

●SVG启动柜断路器处于分闸位置。

●检查SVG设备状态，控制柜、功率柜、启动柜内是否有异物，接线电缆是否有松动。

●检查控制柜中控制电源是否正常，闭合控制柜内所有电源开关及空开，开启监控后台。

进入SVG系统启动前的基本设置：●控制柜“模式切换”把手打在”远方”模式时，操作命令由后台发出；“模式切换”把手打在”就地”模式时，操作命令由控制柜就地操作，操作”开机”按钮之后，预充电结束后SVG直接并网工作。

●当处于”远方”模式时，系统满足起动条件之后，后台显示“起动条件已满足”信号，表示SVG系统可以起动，操作起机遥控”按钮即可开机，预充电结束SVG直接并网工作。

●当处于”远方”模式时，开机前需在后台中设置控制命令（控制模式选择）：⏹ SVG电压/无功：选择控制方式为恒无功控制模式或恒电压控制模式；⏹ SVG无功/功率因数：选择功率因数控制模式是否投入；●当处于”远方”模式时，开机前需在后台中设置调节命令（控制定值设置）：⏹ 无功定值：当控制模式为恒无功功率时，设置输出无功的大小；⏹ 功率因数定值：当控制模式恒功率因数时，设置功率因数定值；⏹ 交流电压定值：当控制模式为恒电压时，设置稳定电压的大小。

SVG基本操作说明1.8.1 确保在一次线(10KV)给SVG供电前（即变电所出线柜断路器处于分闸状态），SVG控制电源已经送达且控制系统已经启动完毕。

1.8.2 控制系统启动的步骤如下：先合QA1，启动UPS电源，再合QA2，等待20秒后，合闸QA3，当听到故障报警声时，按一次报警解除按钮。

再依次合闸QA4，QA5，QA6。

完成上述操作后，观察工控机SVG监控系统界面“通信状态”指示灯，处于闪烁状态则表示正常。

查看工控机SVG监控系统主窗口显示参数，确认母线AB电压，母线BC电压，母线CA电压，电网频率等参数是否显示正确。

同时，确保SVG监控系统主窗口QS[补充说明(1)]处于合闸位置，QF[补充说明(2)]与KM[补充说明(3)]处于分闸位置。

接下来完成控制参数及限制参数的传递：在工控机SVG监控系统中选择参数设置1，点击参数设置1界面中的参数传递按钮，完成参数传递；再选择SVG监控系统中的参数设置2界面，完成参数传递。

按下复位按钮，此时“报警蜂鸣器”发出声光报警，再按下“报警解除”按钮，报警声灭。

这时观察SVG监控系统界面，在“故障信息2”中逆变模块故障报警灯亮红色，在“故障信息4”中CFPGA故障灯亮红色，这两种情况皆为正常现象。

完成1.8.2所有操作，此时SVG控制系统处于就绪状态。

1.8.3 合闸变流柜、启动柜中的风机电源，启动风机。

1.8.4 在启动柜柜门上旋动“保护接触器”按钮至合闸位置，此时“接触器合闸”指示灯亮。

同时，SVG监控系统界面中的QF应处于合闸位置。

完成此项操作后，SVG装置会接入10KV电压。

SVG通电后，观察模块信息，约50秒后直流电压稳定，再次按下复位按钮，“故障信息”和“模块信息”界面应无故障显示（即没有红灯），5秒后，启动柜软充电接触器KM2将自动合闸，此时SVG监控系统界面中的KM应处于合闸状态。

如无故障，等待20秒后即可按下SVG监控系统中的启动按钮，启动SVG。