1.第三方的绘图工具库:two.js
是一个2D绘图函数库,提供一套API, 可以用于绘制不同绘图[Canvas/Svg/WebGL]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{text-align: center}
svg,canvas{background: #ddd}
</style>
</head>
<body>
<h1>使用two.js创建圆形和矩形</h1>
<div id="box"></div>
<script src="two.min.js"></script>
<script>
//1.创建two对象,指定画布宽度,canvas,svg
var two = new Two({
width:800,
height:400,
type:Two.Types.svg
}).appendTo(box);
//2.创建矩形圆形 cx cy r
var c = two.makeCircle(-200,0,100);
var r = two.makeRectangle(200,0,300,200);
//让矩形旋转90度
//two.js中所有旋转都是以自己为中心
//旋转不会累加
// r.r