easeljs相关内容
我希望能够单击一个容器/形状,并在我移动鼠标时绘制一条可以连接到另一个容器/形状(一端带有箭头)的线.理想情况下,我希望这条线捕捉到目标元素. 我是 EaselJS 的新手,我不知道该怎么做.这是我在这里遇到的关闭,我无法理解它:使用 EaselJS 在 html5 画布上画一条线 解决方案 这是我整理的一个快速演示 关键步骤是: 在初始项上监听 mousedown 创
..
我对 Easel 和 HTML5 本身非常陌生.我正在尝试使用 EaselJS 在画布上绘制一条线.X 坐标固定为 100,Y 坐标从数组列表中获取.我编写的代码如下所示.有人可以告诉我哪里出错了吗? function myFunction(attachPoint){//画布创建的代码写在这里.[未显示];//创建了一个舞台.阶段 = 新的 createjs.Stage(canvas.domEl
..
我目前正在使用 phonegap 开发一个 android 应用程序.我有一个 html5 画布,我在上面绘制和动画对象.它在 android 2.3 上运行良好,但在 android 4+ 上它不会重绘画布.我尝试将 kinetic.js 和 easel.js/tween.js 用于我的动画,并且这两个库都出现了不清除画布的问题.我在画布上显示和隐藏 div 时取得了一些成功,但它并不总是有效.
..
我习惯了 Flash,我可以在 Stage3D (OpenGL) 上结合旧的 2D API. 现在我想在我的 UI 中使用与 Flash 2D API 非常相似的 EaselJS,但我希望将它over 3D 绘制内容. 现在,AFAIK EaselJS 是基于 Canvas 的.是否有可能以某种方式通过 WebGL 结合 Canvas?还是需要严重的黑客攻击? 解决方案 Web
..
我有一个 javascript 游戏的想法(我将使用 EaselJS 制作它),我必须检测按键.在互联网上环顾四周后,我看到了很多建议(使用 window.onkeypress,使用 jQuery 等),但几乎每个选项都有反驳.你们有什么建议?使用 jQuery 听起来很容易,但我几乎没有使用该库的经验(而且我也不是 javascript 的资深人士)所以我宁愿避免使用它.如果 jQuery 是最
..
我有一个容器内的位图.当我拖动容器时,光标变为编辑文本形状,并且图像也跳到光标的右下角(就好像我从左上角按住图像并拖动它一样). 这是我的代码,您可以看到我有 RTFM: 函数 createIcon(imgPath) {变种图像 = 新图像();image.onload = 函数 () {var img = new createjs.Bitmap(event.target)var con
..
..
我在舞台上有一个mousedown事件侦听器,在形状上有mousedown事件侦听器.当我单击形状时,舞台上的mousedown事件侦听器也会触发吗?该如何解决? var stage = new createjs.Stage("test");stage.addEventListener('stagemousedown',mouseDown);var shape = new createjs.S
..
我将一个元素作为字符串绘制到画布上.然后,我希望能够单击该元素(或在移动设备上点击)并将其拖动.我现在拥有的是:
..
我正在使用createjs作为我的框架.我在画布上放置了一个位图,并创建了一个函数来尝试将其删除,但在控制台中不断收到错误消息,提示未定义图像.这是我的代码: // onload=init() called in html doc function init(){ var canvas = new createjs.Stage("canvas"); // Add image to can
..
只是进入角度2-难以弄清楚如何使TypeScript进入easyljs类系统..有任何建议/小提琴吗? 解决方案 看起来很幸运,因为已经有类型 在DefinitelyTyped存储库中对easyljs的定义 b npm安装类型--global 类型安装dt〜easeljs --global --save 编辑:已更新,以反映tsd已被弃用并由tsd代替的事
..
我使用带有JSON文件的PreloadJS根据需要分别为每个精灵加载精灵表。现在,我想将ColorMatrixFilter应用于Sprites或Spritesheet。 经过一番研究,我发现了Lanny的这段代码 http ://jsfiddle.net/lannymcnie/NRH5X/ ,其中JSON SpriteSheet定义位于Javascript代码中,并且在SpriteSheet
..
当我尝试使用时: temp = new createjs.Bitmap(obj.path) 我遇到错误: 未捕获发生错误。这很可能是由于在读取具有本地或跨域图像的画布像素数据时的安全性限制。 这与这个问题。 在上述情况下,用户未使用网络服务器。在我的情况下,我正在使用网络服务器,但我需要将图像托管在该服务器上。
..
要使用某些功能时,我有些困难。我正在尝试创建一个橡皮擦,并使用easylJS擦除图像的某些部分。我见过其他人这样做,但是只能删除其他图形-当我尝试删除图像时,我什么也做不了。如果我想删除位图而不是其他图形,那可能吗? 我也尝试使用AlphaMaskFilter,但这给了我与我所寻找的完全相反的东西(它掩盖了所有内容,只显示了我绘制的内容)。 var c = createjs,stag
..
我正在用EaselJS制作一个旋转的矩形,但是它没有按照我的想法工作。 我认为,如果我想制作一个正方形(40x40 )绕其中心在位置x = 100,y = 100旋转,我需要将其注册点设置为regX = 20,regY = 20。 ///通过获取对画布 的引用来创建舞台stage = new createjs.Stage(” demoCanvas“); //创建一个Shape D
..
注意:**现在已解决。请参阅下面我的答案中的“ FIX”。 随意注入任何您认为合适的知识。 首先,我一直在研究和搜索localToGlobal,localToLocal和globalToLocal,但我是只是对这些方法的理解不足以完成我要实现的目标-缩放父级中的项目拖动。 容器的scaleX和scaleY处于0.5(或任何其他任意数字)。 拖动节点时,它们需要在缩放后的父容器内移动
..
我有一组对象(特别是 easelJS 个图像)-像这样: var imageArray =新数组; gShape = new createjs.Shape(); //形状是 imageArray.push(gShape); 我要做的是使用事件监听器,而不是: gShape.addEventListener(“ click”,function(){ale
..
我正在学习EaselJS,并且遇到了这个奇怪的错误: 由于画布已被交叉污染,因此无法从画布获取图像数据-原始数据。 easeljs-0.6.0.min.js:71 未捕获发生错误。这很可能是由于在读取带有本地或跨域图像的画布像素数据时的安全限制。 问题是,我的两个图像均来自 localhost -我将它们存储在根目录中。这是我的代码: function init(){
..
对于新手来说,谢谢您提供有趣的框架,出色的工作,我希望以后的文档会更好,我认为它缺少每个对象方法的实际工作示例。 这是我的问题,我对此框架感到困惑,有人可以指出我在这里做错了什么。我是通过示例构建的。这是 jsfiddle 上的工作代码。上一个版本应在画布上移动矩形。 P.S。 var elementOptions = { 笔画:3,剩余 :100, top:50, 宽度:
..
首先,我要说这个问题在Firefox(v21.0)中可以100%正常运行。由于某些原因,它无法在Google Chrome浏览器(v27.0.1453.94m)中运行。 这是我遇到问题的JavaScript代码: 函数canvasDrawBackground(value){ console.log(value); stage.removeChild(background);
..