前端 —— SVG
程序员文章站
2022-03-30 10:42:34
...
0. 简介
- SVG:可缩放矢量图形;
- SVG 是代码,通过浏览器的解析而渲染成一种图形;
- 可缩放矢量图形是基于可扩展标记语言(XML),以描述二维矢量图形的一种图形格式,由万维网联盟(
World Wide Web Consortium,W3C)指定,是一个开放标准; - 矢量图与像素图的不同就在于,矢量图是由数学表达式定义的,矢量图不适合表现色彩丰富的照片,更加适合展示简单的几何图案;
1. 简单绘制
-
svg 标记:
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" version="1.1"> </svg>
-
简单几何图案:
<rect width="200" height="100" x="100" y="20" style="fill:red;stroke:blue;stroke-width:4" /> # 宽两百,高100,x="100" 表示横向偏移,y="20",则为纵向偏移;
上一篇: Ubuntu matplotlib animation save 保存 使用 例子
下一篇: win10 1909逆向----通过全局句柄PspCidTable,枚举所有进程【目前只考虑句柄表为两层结构的解析,因为懒】。
推荐阅读
-
去哪儿网的网站前端框架挑选经验分享
-
360网站卫士前端公共库已停止服务
-
前端对base64编码的理解,原生js实现字符base64编码
-
CPU中外频是什么与前端总线的区别
-
jsp、el、jstl——前端面试
-
jquery图片延迟加载 前端开发技能必备系列
-
react与redux通信之hook-前端江湖-SegmentFault思否
-
JavaScript中的浅拷贝与深拷贝-前端爬坑-SegmentFault思否
-
JavaScript设计模式精华摘抄(持续更新...)-考拉阅读前端团队-SegmentFault思否
-
Javascript之常见算法整理(持续更新)-柠檬味的前端-SegmentFault思否