[游戏开发] svg 画圆画椭圆画直线画折线

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 游戏开发 -> svg 画圆画椭圆画直线画折线 -> 正文阅读

[游戏开发]svg 画圆画椭圆画直线画折线

svg?
? rect x,y位置 width宽 height高 fill颜色 fill-opacity="0.3" stroke-opacity=“0.3” 透明度 stroke边框颜色 steoke-width="3" 边框的粗细 rx="50" ry ="100" 垂直的圆

画圆：
? circle cx cy 坐标 r半径
画椭圆
? ellipse cx,cy坐标 ?rx,ry 半径
画直线
? line x1,y1起点 x2,y2终点 stroke颜色
画折线
? polyline points=" 0,0,0,100,50,100"
? polygon 闭合多边形

svg width height

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<svg width="1000" height="1000">
			<circle cx="200" cy="200" r="5" stroke="red" fill="none">
				<animate attributeName="r" attributeType="XML" from="5" to="100" dur="2"></animate>
				<animate attributeName="fill" attributeType="XML" from="red" to="black" dur="2" fill="red"></animate>
			</circle>
		</svg>
	</body>
</html>