Create.js实战-绘制图形操作

大家好,今天跟大家分享createjs的绘制图形的操作,官方链接入口:http://www.createjs.cc/src/docs/easeljs/classes/Graphics.html

Graphics Class

Defined in: Graphics:41

Module: EaselJS

图形类公开了一个易于使用的接口,用于生成矢量绘图指令,并将其绘制到指定的上下文中。

有2种方法来处理图形对象:一个图形实例的调用方法(这个 "Graphics API"),或以图形命令对象并将它们添加到队列通过图形 append. 前者是后者,简化了开始和结束路径,填充和笔画。

 var g = new createjs.Graphics();
 g.setStrokeStyle(1);
 g.beginStroke("#000000");
 g.beginFill("red");
 g.drawCircle(0,0,30);

官方的案例看起来没有那么清楚,接下来我把自己的代码搞上来,

首先引入代码

转载于:https://my.oschina.net/8946a/blog/1305266

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Create.js是一个HTML5基础的动画和游戏框架,可以用来制作互动性强的HTML5应用程序。在Create.js中,可以使用SoundJS库来实现音频的播放和控制。 下面是一个简单的Create.js实战例子,展示如何使用SoundJS库来实现音乐的播放操作。 首先,需要在HTML页面中引入Create.js和SoundJS库: ```html <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> <script src="https://code.createjs.com/soundjs-0.6.2.min.js"></script> ``` 接着,在JavaScript代码中,需要初始化SoundJS库,加载音乐文件,并实现音乐的播放、暂停和停止操作: ```javascript // 初始化SoundJScreatejs.Sound.initializeDefaultPlugins(); // 加载音乐文件 var musicPath = "music.mp3"; createjs.Sound.addEventListener("fileload", handleLoad); createjs.Sound.registerSound(musicPath); // 处理音乐文件加载完成事件 function handleLoad(event) { // 播放音乐 var instance = createjs.Sound.play(event.src); // 监听音乐播放完成事件 instance.addEventListener("complete", handleComplete); // 暂停音乐 instance.pause(); // 停止音乐 instance.stop(); } // 处理音乐播放完成事件 function handleComplete(event) { console.log("音乐播放完成"); } ``` 在上面的代码中,首先调用`createjs.Sound.initializeDefaultPlugins()`方法来初始化SoundJS库。然后,使用`createjs.Sound.registerSound()`方法加载音乐文件,这里我们假设音乐文件为`music.mp3`。通过监听`fileload`事件,可以在音乐文件加载完成后进行处理。在`handleLoad`函数中,首先调用`createjs.Sound.play()`方法播放音乐,这个方法返回一个`SoundInstance`对象,可以用来控制音乐的播放、暂停和停止等操作。通过`instance.addEventListener("complete", handleComplete)`方法可以监听音乐播放完成事件。在`handleLoad`函数中,还演示了如何暂停和停止音乐,可以分别调用`instance.pause()`和`instance.stop()`方法实现。 以上就是一个简单的Create.js实战例子,展示了如何使用SoundJS库来实现音乐的播放操作。在实际应用中,可以根据需求来进行音乐的控制和定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值