当前位置: 首页 > Web前端 > HTML5

SVG介绍

时间:2023-04-06 00:16:09 HTML5

SVG1.SVG介绍SVG是指可缩放矢量图形(ScalableVectorGraphics)SVG是用来为网络定义基于矢量的图形。SVG使用XML格式来定义图形。SVG图像的图形质量在放大或改变尺寸时不会改变。损失SVG是万维网联盟标准SVG与W3C标准集成,如DOM和XSL矢量图形与位图位图:基于颜色的描述,如BMP、PNG、JPG矢量图形:基于数学的描述,如SVG、AI基本图形和attributes1.基本图形2.基本属性fill,stroke,stroke-width,transform示例如下:</line>3.创建图形的基本操作APIdocument.createElementNS(ns,tagName);添加图形element.appendChild(childElement);获取/设置属性element.setAttribute(name,value);element.getAttribute(name);