HTML5 SVG

HTML5学习 admin 304浏览

什么是SVG?

SVG指可伸缩矢量图形(Scalable Vector Graphics);

SVG用于定义用于网络的基于矢量的图形;

SVG使用XML格式定义图形;

SVG图像在放大或改变尺寸的情况下其图形质量不会有损失;

SVG是万维网联盟的标准;

SVG的优势

与其他图像格式相比(比如JPEG和GIF),使用SVG的优势在于:SVG图像可通过文本编辑器来创建和修改;

SVG图像可被搜索、索引、脚本化或压缩SVG是可伸缩的SVG图像可在任何的分辨率下被高质量地打印;

SVG可在图像质量不下降的情况下被放大;

浏览器支持:Internet Explorer9、Firefox、Opera、Chrome以及Safari支持内联SVG。

https://developer.mozilla.org/zh-CN/docs/Web/SVG

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
<!-- 		<svg viewbox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg">
		<circle cx="30" cy="30" r="20"></circle>
		</svg> -->
		<iframe src="./raw/copied.svg" width="300" height="200" frameborder="no"></iframe>
	</body>
</html>

转载请注明:大灰牛博客 » HTML5 SVG