HTML5 内联 SVG

来源:网络整理作者: 发布时间:2020-12-18 21:02

HTML5支持内联SVG。SVG指可伸缩矢量图形 (Scalable Vector Graphics)、SVG用于定义用于网络的基于矢量的图形、SVG使用XML格式定...

<!DOCTYPE html> <html> <body><svg xmlns="" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> </svg></body> </html>

以上就是HTML5 内联 SVG的详细内容，更多请关注聚合云库其它相关文章！

SVG 图像可通过文本编辑器来创建和修改

什么是SVG？ (推荐学习：html教程)

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

SVG 图像可在任何的分辨率下被高质量地打印

浏览器支持

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

把 SVG 直接嵌入 HTML 页面

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

HTML5 支持内联 SVG。

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持内联 SVG。

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

SVG 是万维网联盟的标准

SVG 的优势

HTML5 内联 SVG

SVG 图像可被搜索、索引、脚本化或压缩

SVG 使用 XML 格式定义图形

SVG 是可伸缩的

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

在 HTML5 中，您能够将 SVG 元素直接嵌入 HTML 页面中：

实例

相关热词： HTML HTML5

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5314.shtml

上一篇：html表格标签

下一篇：HTML 5 画布 vs SVG

微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3与页面机关进修总结（二）	HTML5 学习总结（四）canvas绘图
canvas与html5实现视频截图成果	html5 canvas常用api总结(二)画图
可以加我的HTML5前端交流群11	HTML中内联元素有哪些
HTML5生拖放实例分析	HTML5 和 Flash 区别？
你有认真学习HTML5吗？那么你应	Canvas跨域的解决方案介绍
用canvas实现简单的下雪效果（	刚毕业html5工资一般是多少
HTML5 canvas中如何绘制图像	如何使用HTML5 canvas实现图像的