javascript轻量级库createjs使用Easel实现拖拽效果

网络编程 发布日期：2024/10/5 浏览次数：1

正在浏览：javascript轻量级库createjs使用Easel实现拖拽效果

我就把我学习Createjs的一些心得体会向大家分享下：

一.什么是CreateJS"color: #333333">EaselJS:主要用于动画、向量及位图的绘制。提供支持移动设备触控的一系列方法(click、mousedown、pressup、pressmove分别为鼠标点击、按下、松开以及移动的事件,不过在之前要加上createjs.Touch.enable(<舞台对象>))。

  • TweenJS:是一个制作补间动画的引擎，可生成一种连续变化的效果。(用过flash的童鞋应该知道什么是补间动画哈)
  • SoundJS:是一个音频播放的引擎，可根据浏览器兼容性及性能选择音频格式播放，可随时加载和卸载。
  • PreloadJS:是一个资源预加载的引擎，还可以指定加载顺序及按优先级分组加载资源。

    • 三.如何利用Easel制作一个简单的拖拽？

    　　那么假如现在需要用EaselJs实现可任意拖拽一张图片，并通过单击该图片使图片处于选中或未选中状态，选中状态即为可拖拽状态，未选中状态即为不可拖拽状态。且最多有一张图片可以处于拖拽状态。那么如何利用EaselJs实现这个需求且支持移动端设备呢？废话不多说，上源码。

    　　HTML代码：

    <html>

<head>
  <meta charset="utf-8">
  <script src="/UploadFiles/2021-04-02/easeljs-0.8.2.min.js">



    
由于浏览器的同源策略，需要开一个本地服务器，否则无法正常加载。好了，这就是上述所要求的图片拖拽效果啦
    上一篇：复杂的javascript窗口分帧解析
    下一篇：jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

    一句话新闻

    微软与英特尔等合作伙伴联合定义“AI PC”：键盘需配有Copilot物理按键
    几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
    在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。