GraphicsJS基础知识教程_一个强大的Js绘图库,基于SVG/VML技术

GraphicsJS基础知识教程

官方网址:http://www.graphicsjs.org/

GraphicsJS基础知识教程_一个强大的Js绘图库,基于SVG/VML技术

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

简介描述:一个强大的Js绘图库,基于SVG/VML技术

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>

 

海计划公众号
(0)
上一篇 2020/03/10 01:30
下一篇 2020/03/10 01:30

您可能感兴趣的内容

  • KPI过时了?为什么科技公司更偏爱OKR?指南教程_职场小白帮助

    除了KPI,考核员工还有什么方式?OKR是一种简单的管理方法,但是对于其误解和各种疑惑却很多。推崇者把OKR说得是无所不能,反对者认为不过是新瓶装旧酒,和KPI差不多。到底OKR和KPI,哪种方式更靠谱?技术leader该怎么选?今天,阿里资深技术专家燕标谈谈,他对OKR的思考。引子每过一段时间,就会出现一波新的管理概念方法和理念。最近OKR逐渐走到聚光灯下

    2020/03/23
  • Feature.js使用帮助_一款轻量级的浏览器特性检测JavaScript库插件

    Feature.js使用帮助 官方网址:http://featurejs.com/ GitHub:https://github.com/viljamis/feature.js 简介…

    2020/03/07
  • Gumby小白常识_基于Sass创建的响应式CSS框架

    Gumby小白常识 官方网址:https://gumbyframework.com/ GitHub:https://github.com/GumbyFramework/Gumby …

    2020/03/06
  • 前端模块化:CommonJS,AMD,CMD,ES6小白常识_模块化入门教程

    模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。一、CommonJSNode.js是commonJS规范的主要实践者,它有四个重要的环境变量为模块化的

    2020/03/20
  • 原生js实现base64编码方法小白教程_base64教程视频

    常见对base64的认知(不完全正确)首先对base64常见的认知,也是须知的必须有以下几点*base64是一种图片编码方式,用一长串超长的字符串表示图片在加载的时候会直接以字符串的形式加载出来,减少了图片加载的http请求正常加载服务器静态资源的时候都应该是通过http请求回来,每加载一张图片时需要发起一次http请求 ,http请求建立需要一定的时间,所

    2020/03/24
  • 赶集网基础知识_专业的分类信息网

    赶集网基础知识 官方网址:http://www.ganji.com/zhaopin/ 简介描述:专业的分类信息网 赶集网招聘网频道,每天更新大量的近期人才招聘信息,是针对大众职位的…

    2020/03/06
  • 大型项目前端架构浅谈小白指南_架构使用攻略

    目录:1、综合1.1、使用场景1.2、核心思想1.3、切入角度1.4、其他2、基础层设计2.1、自建Gitlab2.2、版本管理2.3、自动编译发布Jenkins2.4、纯前端版本发布2.5、统一脚手架2.6、Node中间层2.7、埋点系统2.8、监控和报警系统2.9、安全管理2.10、Eslint2.11、灰度发布2.12、前后端分离2.13、Mock2.

    2020/03/29
  • CSS3样式基础入门实现字体发光效果_字体入门知识

    text-shadow 属性仅仅是用来设置文本阴影的,似乎并不能实现字体发光效果。其实不然,这正是 text-shadow 属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时,阴影就和文本重合了。这时,如果增大阴影模糊的距离,就可以达到字体外发光的效果了。当然,为了使外发光更加酷炫,还需要使用到 text-shadow 的另一个特性: 同时设置多个阴影(

    2020/04/05
  • alertify.js入门基础知识_jQuery酷炫的各种消息提示插件

    alertify.js入门基础知识 官方网址:http://fabien-d.github.com/alertify.js/ GitHub:https://github.com/f…

    2020/03/06
  • 如何保持学习编程的动力基础入门_编程菜鸟知识

    学编程现在看起来挺简单,因为网上有丰富的各种资源。然而当你实际去学的时候就发现,还是很难!对我来说也一样。但从某天起,我决定认认真真学编程一年。后来又过了一年,又过了一年又一年……我好像有点感悟。如果你曾致力于学习一些重要的东西,就会知道在漫长的艰难时刻保持自己的积极性是多么困难。你怎么做呢?我说下我的经验:1. 去开发点真东西不要只一味地跟着教程学。它们有

    2020/03/30
  • codrops基础知识教程_一个网页设计和开发博客

    codrops基础知识教程 官方网址:https://tympanus.net/ 简介描述:一个网页设计和开发博客 Codrops是一个网页设计和开发博客,发布关于最新网络趋势,技…

    2020/03/06
  • 码易众包入门基础_企业应用商店与云服务平台

    码易众包入门基础 官方网址:https://www.mayigeek.com/ 简介描述:企业应用商店与云服务平台 码易众包是一款高质量极速交付以及软件开发众包平台。码易众包的开发…

    2020/03/11
  • Broccoli.js入门攻略_一个Javascript构建工具

    Broccoli.js入门攻略 官方网址:https://broccoli.build GitHub:https://github.com/broccolijs/broccoli …

    2020/03/06
  • 如何通过自定义域名方式访问本地WEB应用使用指南_域名入门基础教程

    自定义域名访问本地WEB应用。本地安装了WEB服务端,怎样通过自定义域名方式实现从公网访问本地WEB应用?本文将介绍具体的实现步骤。1. 准备工作1.1 安装并启动WEB服务端默认安装的WEB端口是80。1.2 申请域名并完成域名备案可以在万网、百度云、腾讯云、西部数码等等域名服务商注册并购买域名。在域名服务商注册并购买的域名必须要完成域名备案,否则无法使用

    2020/04/03
  • DaFont入门指南_可自由下载字体资源

    DaFont指南攻略 官方网址:https://www.dafont.com/ 简介描述:可自由下载字体资源 Archive of freely downloadable font…

    2020/03/06
  • NodeJS模块os – 与操作系统“打交道”基础教程_模块菜鸟攻略

    读了 os 模块的文档,研究了几个有意思的问题:识别操作系统平台理解和计算“平均负载”理解和计算“cpu 使用率”理解和计算“内存使用率”查看运行时间识别操作系统平台nodejs 提供了os.platform()和os.type(),可以用来识别操作系统平台。推荐使用: os.platform()理解和计算“平均负载”平均负载是指:单位时间内,系统处于可运行

    2020/03/22