GraphicsJS

网站地址:http://www.graphicsjs.org/

GitHub:https://github.com/anychart/graphicsjs

描述信息:一个强大的Js绘图库，基于SVG/VML技术

访问官网

GitHub

GraphicsJS 一个新的强大的开源JavaScript绘图库，它基于SVG（对于旧的IE版本使用 VML 回退）。我将首先简要介绍其基础知识，然后通过两个简短而又精彩的示例来展示该库的功能：第一个是关于艺术，第二个说明如何使用不到50行代码编写一个简单的时间 - 杀手艺术游戏。GraphicsJS是轻量级的，并有一个非常灵活的JavaScript API。它实现了许多富文本功能，以及一个虚拟DOM - 并从浏览器特定的HTML DOM实现中分离出来。

使用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<script src="https://cdn.anychart.com/releases/v8/js/graphics.min.js"></script>
</head>
<body>
	<div id="stage-container" style="width: 400px; height: 375px;"></div>
	<script>
		// create a stage for the Deathly Hallows symbol
        stage = acgraph.create('stage-container');
        // draw the square
        stage.rect(5, 5, 350, 300);
        // draw the circle
        stage.circle(177.5, 205, 100);
        // draw the triangle
        stage.path()
            .moveTo(5, 305)
            .lineTo(175, 5)
            .lineTo(355, 305);
        // draw the wand in the middle
        stage.path()
            .moveTo(175, 5)
            .lineTo(175, 305);
	</script>
</body>
</html>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/2253