Draw2.js

基于 H5 Canvas 的简单图形引擎
授权协议 GPL
开发语言 JavaScript
所属分类 iOS代码库、 动画(Animation)
软件类型 开源软件
地区 国产
投 递 者 卫诚
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Draw2.js

一个基于 h5 canvas 实现的简单图形引擎。

Draw2.js 有什么用?

Draw2.js 以现实事物来抽象。可以极大的方便你编写 h5 canvas 代码。极大的方便了开发动画。

demo

创建一个 Aplication

  let app = new BApplication();
  app.createWindow(0,0,800,600,'1px solid #000',document.body,60);
  app.init();

创建一个导演

    let director = new BDirector();
    director.init(app);

布置一个场景

    let sceneLayer1 =new BScene(800,600);

将场景加入 director 控制

  director.addScene(sceneLayer1);

创建一个精灵

    let rectSprite1 = new BSprite(100,100);

设置精灵的位置

  rectSprite1.setPosition([100,100]);

创建一个 Action 并运行

  let box = new BBollMove(4,4,[800,600]);
  rectSprite1.runAction(box);

添加精灵到场景中

    scene.addChild(rectSprite1)

导演开始工作

    director.run();
  • 转载自:https://svgjs.com/svg.draw.js/ Get Started Install svg.draw.js using bower: bower install svg.draw.js Include the script after svg.js into your page <script src="svg.js"></script> <script src="sv

  • 1.svg.draw.js  多边形使用实例 (在我用的时候感觉不太好用)(https://github.com/svgdotjs/svg.draw.js) <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv="X-UA-Compatible" content="chrome=1">

  • ol/interaction/Draw.js 父类 ol/interaction/Pointer-PointerInteraction 主要功能 画要素的交互。 参数:Draw({}) 参数 类型 说明 type module:ol/geom/GeometryType 绘制的几何类型。 source module:ol/source/Vector-VectorSource 绘制要素的目标源。 ge

 相关资料
  • 本文向大家介绍基于JS实现简单滑块拼图游戏,包括了基于JS实现简单滑块拼图游戏的使用技巧和注意事项,需要的朋友参考一下 成品效果   总结 以上所述是小编给大家介绍的基于JS实现简单滑块拼图游戏,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持! 如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

  • 绘制矩形 与其它图形库不同,LCUI 提供的图形 API 只支持矩形这一种形式的图形绘制,不支持基于路径来绘制复杂图形。因此,对于其它复杂的图形,你需要手动编写代码填充像素来绘制。 LCUI 提供了一种绘制矩形的方法: int Graph_FillRect(LCUI_Graph *graph, LCUI_Color color, LCUI_Rect *rec

  • 问题内容: 我正在尝试使Java 2D图形“ hello world”运行起来,并发现它异常困难(即,我正在搜索“ java hello world example”的变体,然后变成空白)。有人能帮我举一个最小的世界范例吗? 编辑 不过,这是一个不错的起点,“ Java教程:执行自定义绘画” 。 问题答案: 要在Swing中绘制矩形,您应该: 首先,永远不要直接在JFrame或其他顶级窗口中绘制。

  • 本文向大家介绍基于zepto.js简单实现上传图片,包括了基于zepto.js简单实现上传图片的使用技巧和注意事项,需要的朋友参考一下 效果如下: html:  js:  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍简单的JS轮播图代码,包括了简单的JS轮播图代码的使用技巧和注意事项,需要的朋友参考一下 在团队带人,突然被人问到轮播图如何实现,进入前端领域有一年多了,但很久没自己写过,一直是用大牛写的插件,今天就写个简单的适合入门者学习的小教程。当然,轮播图的实现原理与设计模式有很多种,我这里讲的是用面向过程函数式编程去实现,相对于面向对象设计模式,代码难免会显得臃肿冗余。但没有面向对象的抽象却

  • 本文向大家介绍基于JS实现简单的样式切换效果代码,包括了基于JS实现简单的样式切换效果代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了基于JS实现简单的样式切换效果。分享给大家供大家参考。具体如下: 这是一款基于JS实现简单的样式切换代码,自由切换CSS样式,很多大网站现在正在用,我觉得这是个挺实用的不错的功能,希望大家喜欢哦。 运行效果截图如下: 在线演示地址如下: http://d