HTML5 新特性之五---第三方的绘图工具库:two.js echarts.js animate.css three.js

zh__quan

于 2019-07-27 11:48:56 发布

阅读量525

点赞数

分类专栏： HTML+CSS

本文链接：https://blog.csdn.net/zh__quan/article/details/97499302

版权

本文介绍了HTML5中两个流行的第三方绘图工具库——two.js和echarts.js。two.js是一个2D绘图库，支持Canvas、Svg和WebGL。而echarts.js则是一个强大的数据可视化工具，常用于创建复杂的图表。

摘要由CSDN通过智能技术生成

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

最低0.47元/天解锁文章

zh__quan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5 新特性之五---第三方的绘图工具库:two.js echarts.js animate.css three.js

1.第三方的绘图工具库：two.js是一个2D绘图函数库，提供一套API, 可以用于绘制不同绘图[Canvas/Svg/WebGL]<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&gt...
复制链接

扫一扫

专栏目录