📅  最后修改于: 2021-01-11 07:20:01             🧑  作者: Mango
以下列出了SVG面试中最常见的问题和解答:
SVG的完整形式是可缩放的矢量图形。
SVG是基于XML的格式。它用于绘制二维矢量图像,由于该矢量图像,如果缩小或调整SVG图像的大小,它将永远不会丢失质量。
例:
例:
例:
例:
例:
例:
SVG Text
SVG Text
“ L”命令用于创建一行。
“ Z”命令用于关闭路径。
路径元素的“ M”命令用于将光标从一个点移动到另一点。
路径元素的“ H”命令用于创建水平线。
路径元素的“ V”命令用于创建垂直线。
路径元素的“ S”命令用于创建平滑曲线。
例:
SVG Stroke Example
SVG Stroke
例:
SVG Stroke Example
SVG Stroke
例:
SVG Stroke Example
SVG Stroke
例:
SVG Stroke Example
SVG Stroke
例:
使用以下任何标记在HTML中添加SVG:
SVG的
例:
一些常用过滤器的列表如下:
SVG
例:
Blur effect
SVG
例:
SVG Pattern
SVG Pattern
渐变定义为从一种颜色到另一种颜色的平滑过渡。
SVG梯度有两种类型:
线性渐变是从一种颜色到另一种颜色的过渡。
例:
径向渐变是从一种颜色到另一种颜色的圆形过渡。
例:
例:
SVG Animation
是!可以根据用户操作制作SVG图像。 SVG支持文档事件,键盘事件和指针事件。
是!我们可以在SVG图片中编写JavaScript函数。
元素用于在SVG中创建链接。 “ xlink:href”属性用于指定链接文件的URL。
例:
SVG Animation
例:
SVG遮罩用于确定SVG形状的哪个部分可见以及具有什么透明度。 SVG
例:
一些常用的SVG工具如下:
例:
SVG
r:定义圆的半径。
cx:定义圆心的x坐标。
cy:定义圆心的y坐标。
例:
SVG
x:定义矩形左上角的位置。
y:定义矩形右上角的位置。
width:定义矩形的宽度。
height:定义矩形的高度。
fill-opacity:用于定义填充颜色的不透明度。范围可以是0到1。
stroke-opacity:定义笔触颜色的不透明度。范围可以是0到1。
例:
SVG
rx:定义水平半径。
ry:定义垂直半径。
cx:定义椭圆中心的x坐标。
cy:定义椭圆中心的y坐标。
例:
SVG
d:它包含路径数据,通常是一组命令,例如lineto,moveto等。
例: