SVG面试问题和答案

Q1。SVG是什么?

答:可缩放矢量图形(Scalable Vector Graphics, SVG)是一种基于XML的新型图形文件格式和Web开发语言。SVG使Web开发人员和设计人员能够通过精确的结构和可视化控制，从实时数据创建动态生成的高质量图形

Q2。SVG的功能是什么?

答:以下是SVG的核心特性

• SVG，Scalable Vector Graphics是一种基于XML的语言，用于定义基于矢量的图形。
• SVG旨在通过web显示图像。
• 作为矢量图像，SVG图像无论如何缩小或调整大小都不会降低质量。
• SVG图像支持交互性和动画。
• SVG是W3C标准。
• 其他图像格式，如栅格图像也可以使用SVG图像俱乐部。
• SVG与HTML的XSLT和DOM集成。

第三季。如何在HTML中嵌入SVG ?

答:SVG文件通过使用、和标记嵌入到HTML文档中。

• 所有主流浏览器都支持该标签。
• 标签支持脚本。
• adobesvg视图建议在嵌入HTML页面时使用EMBED标记。
• 注意，标记名是大写的。
• 以下是标记的示例：

<嵌入src =“rectangle.svg”高度=“100”宽度=“300”类型=“image / svg + xml”pluginspage =“http://www.adobe.com/svg/viewer/install/”>

第四季度。列出SVG中可用的一些预定义形状?

答:SVG中可用的基本预定义形状

• 直线,
• 多边形，
• 圈,
• 椭圆,
• 有或没有圆角的矩形

Q5。什么是SVG-VML-3D ?

答:SVG-VML-3D是一个免费的JavaScript库，可以使用SVG或VML在html页面中绘制和操作3D对象。必须在html页面中键入JavaScript代码以定义场景（3D对象、查看器位置、灯光等），SVG和VML的JavaScript代码是相同的。如果浏览器是IE，则将自动使用VML，否则将使用SVG。

Q6。元数据是什么?

答:元数据是有关数据的数据。在SVG标题中，描述，主题，创建者和关于SVG图像的其他属性是其元数据。

迄今为止。列出一些使用SVG的优点和缺点?

答:

SVG的优点

• 可伸缩的
• 易于创建
• 小
• 可访问的基于DOM节点的API
• 更容易创建非常详细的图形

SVG的缺点

• 复杂的发展结构
• 性能问题
• 兼容性问题

处置。在d3.js中有哪些滑块可用?

答:d3.js中可用的滑块包括

• 默认的滑块
• 具有起始值的滑块
• 滑块幻灯片事件
• 滑块幻灯片事件
• 自定义轴滑块
• 具有最小，最大和步长值的滑块
• 垂直滑块

九方。使用SVG的哪个标签来绘制矩形?

答:SVG的' rect '标签用于绘制矩形。

Q10。SVG的哪个标签用来画圆?

答:SVG的‘circle’标签用于绘制圆。

问题11。SVG的哪个标记用于绘制椭圆？

答:SVG的‘ellipse’标记用于绘制椭圆。

Q12。使用哪种标签的SVG绘制一条线？

答:SVG的“line”标签用于绘制一条直线。

问题。探索SVG的可能性?

答:可缩放的矢量图形（SVG）是一种基于文本的图形语言，描述了具有矢量形状，文本和嵌入式光栅图形的图像。
SVG文件非常紧凑，可以在Web、打印和资源有限的处理设备上提供高质量的图形。此外，SVG支持脚本和动画，因此非常适合交互式、数据驱动和个性化图形。
SVG是在W3C (World Wide Web Consortium)过程下开发的一种免版税、与供应商无关的开放标准。
Adobe在SVG规范的开发中发挥了领导作用，并继续确保其创作工具与SVG兼容。

Q14。定义VRML ?

答:VRML是虚拟现实建模语言的缩写。它是一种开放的标准编程语言，用于创建三维(3-D)设计和基于web的模型、纹理和错觉。vrml.也被称为虚拟现实标记语言。

问题15。列出支持SVG的主要internet浏览器

答:

• Internet Explorer 9+
• Firefox 4 +
• Chrome 4 +
• Safari 4 +
• 歌剧9.5+

杆子有着。可以使用SVG图像。

答:以下是SVG的几个实际应用程序。

• 图
• 路线图
• 复杂的UI元素
• logo和简单的动画游戏。
• 在创建响应式广告。
• 嵌入式系统
• GIS和映射

篮。提到路径生成器包含了什么?

答:路径发生器包括

• svg。line-创建一个新的行生成器
• svg.line。放射状-做一个新的放射状线发生器
• svg。创建一个新的区域生成器
• svg.chord–制作一个新的和弦生成器，依此类推

问题18。提到jQuery和d3.js之间的区别是什么？

答:

问题19。什么是SVG中的径向梯度

径向渐变表示一种颜色从一个方向到另一个方向的圆形过渡。它是使用元素定义的。

问题20。如何使用javascript获取活动的SVG元素？

答:在JavaScript函数中，事件代表当前事件，可用于获取所提出的事件的目标元素。

温度系数。哪个笔触属性定义任何元素的文本、线条或轮廓的粗细?

答:属性定义任何元素的文本、线条或轮廓的粗细。

的时候。如何在SVG中绘制矩形?

答:SVG的'rect'标签用于绘制矩形。下面是常用的属性

• x−矩形左上角的x轴坐标。默认值为0。
• y−矩形左上角的y轴坐标。默认值为0。
• 宽度- 矩形的宽度。
• 高度- 矩形的高度。
• RX.−用于圆角矩形的圆角。
• ry.−用于圆角矩形的圆角。

例子−

<矩形x＝“100”y＝“30”宽度＝“300”高度＝“100”风格＝＂填：rgb（121.，0，121.)；中风-宽度：3.；中风：rgb（0，0，0）＂>

Q23处。什么是SVG过滤器?

答:SVG使用元素来定义过滤器。元素使用id属性唯一地标识它。过滤器在元素中定义，然后由图形元素通过其id引用。

抓起。什么是SVG模式?

答:SVG使用元素来定义模式。模式使用元素定义，用于平铺填充图形元素。

问题25。如何在SVG中绘制开放式多边形？

答:“折线”标签的SVG用于绘制开放式多边形。以下是常用的属性 -
点 - 要构成多边形的点列表。
例子−

<多段线点＝“150,75 258,137.5 258,262.5 150,325 42,262.6 42,137.5”中风＝“黑色的”笔划宽度＝“3”填＝“没有任何”>

Q26。我们可以在SVG图像中编写javascript函数吗?

答:是的!SVG支持JavaScript/ECMAScript函数。脚本块是在CDATA块考虑字符数据支持XML。

问。如何在SVG中绘制自由流路径?

答:SVG的“path”标签用于绘制自由流路径。以下是常用的属性 -
D - path数据，通常是一组命令，如moveto, lineto等。
例子−

d＝“M 100 100 L 300 100 L 200 300 z”中风＝“黑色的”笔划宽度＝“3”填＝“rgb(121, 0121)”>

Q28。解释你如何一次课程？

答:要一次设置多个类，可以使用对象字面值为
选择。（{'foo'：true，'bar'：false}）

Q29。SVG是否支持鼠标事件、键盘事件?

答:是的!SVG元素支持鼠标事件、键盘事件。我们使用onClick事件来调用javascript函数。

Q30。SVG中有哪些过滤器?

答:SVG中可用的过滤器有:

• feBlend
• feColorMatrix
• feComponentTransfer
• feComposite
• feConvolveMatrix
• feDiffuseLighting
• 位移图
• feFlood
• 非高斯蓝
• feImage
• feMerge
• feMorphology
• feOffset
• feSpecularLighting
• feTile
• feTurbulence
• feDistantLight
• fePointLight
• fespotlight.