easeljs相关内容

EaselJS:使用一条线连接 2 个容器/形状

我希望能够单击一个容器/形状,并在我移动鼠标时绘制一条可以连接到另一个容器/形状(一端带有箭头)的线.理想情况下,我希望这条线捕捉到目标元素. 我是 EaselJS 的新手,我不知道该怎么做.这是我在这里遇到的关闭,我无法理解它:使用 EaselJS 在 html5 画布上画一条线 解决方案 这是我整理的一个快速演示 关键步骤是: 在初始项上监听 mousedown 创 ..
发布时间:2022-01-24 21:17:53 其他开发

使用 EaselJS 在 html5 画布中绘制一条线

我对 Easel 和 HTML5 本身非常陌生.我正在尝试使用 EaselJS 在画布上绘制一条线.X 坐标固定为 100,Y 坐标从数组列表中获取.我编写的代码如下所示.有人可以告诉我哪里出错了吗? function myFunction(attachPoint){//画布创建的代码写在这里.[未显示];//创建了一个舞台.阶段 = 新的 createjs.Stage(canvas.domEl ..
发布时间:2022-01-17 11:57:19 前端开发

Android 4+ html5画布不重绘

我目前正在使用 phonegap 开发一个 android 应用程序.我有一个 html5 画布,我在上面绘制和动画对象.它在 android 2.3 上运行良好,但在 android 4+ 上它不会重绘画布.我尝试将 kinetic.js 和 easel.js/tween.js 用于我的动画,并且这两个库都出现了不清除画布的问题.我在画布上显示和隐藏 div 时取得了一些成功,但它并不总是有效. ..
发布时间:2022-01-17 11:50:55 移动开发

在javascript中检测按键的最简单方法

我有一个 javascript 游戏的想法(我将使用 EaselJS 制作它),我必须检测按键.在互联网上环顾四周后,我看到了很多建议(使用 window.onkeypress,使用 jQuery 等),但几乎每个选项都有反驳.你们有什么建议?使用 jQuery 听起来很容易,但我几乎没有使用该库的经验(而且我也不是 javascript 的资深人士)所以我宁愿避免使用它.如果 jQuery 是最 ..
发布时间:2022-01-13 22:01:47 前端开发

EaselJS:故障拖放

我有一个容器内的位图.当我拖动容器时,光标变为编辑文本形状,并且图像也跳到光标的右下角(就好像我从左上角按住图像并拖动它一样). 这是我的代码,您可以看到我有 RTFM: 函数 createIcon(imgPath) {变种图像 = 新图像();image.onload = 函数 () {var img = new createjs.Bitmap(event.target)var con ..
发布时间:2022-01-11 21:11:35 其他开发

如何停止easljs中的事件泡沫?

我在舞台上有一个mousedown事件侦听器,在形状上有mousedown事件侦听器.当我单击形状时,舞台上的mousedown事件侦听器也会触发吗?该如何解决? var stage = new createjs.Stage("test");stage.addEventListener('stagemousedown',mouseDown);var shape = new createjs.S ..
发布时间:2021-04-21 19:20:26 前端开发

有没有人让angular2与EaselJS合作?

只是进入角度2-难以弄清楚如何使TypeScript进入easyljs类系统..有任何建议/小提琴吗? 解决方案 看起来很幸运,因为已经有类型 在DefinitelyTyped存储库中对easyljs的定义 b npm安装类型--global 类型安装dt〜easeljs --global --save 编辑:已更新,以反映tsd已被弃用并由tsd代替的事 ..
发布时间:2020-10-27 04:49:17 其他开发

EaselJS Spritesheet和位图ColorFilterMatrix

我使用带有JSON文件的PreloadJS根据需要分别为每个精灵加载精灵表。现在,我想将ColorMatrixFilter应用于Sprites或Spritesheet。 经过一番研究,我发现了Lanny的这段代码 http ://jsfiddle.net/lannymcnie/NRH5X/ ,其中JSON SpriteSheet定义位于Javascript代码中,并且在SpriteSheet ..
发布时间:2020-10-27 04:48:14 其他开发

EaselJs-跨域图片解决方法?

当我尝试使用时: temp = new createjs.Bitmap(obj.path) 我遇到错误: 未捕获发生错误。这很可能是由于在读取具有本地或跨域图像的画布像素数据时的安全性限制。 这与这个问题。 在上述情况下,用户未使用网络服务器。在我的情况下,我正在使用网络服务器,但我需要将图像托管在该服务器上。 ..
发布时间:2020-10-27 04:47:12 其他开发

使用目标输出合成在EaselJS中擦除位图的某些部分

要使用某些功能时,我有些困难。我正在尝试创建一个橡皮擦,并使用easylJS擦除图像的某些部分。我见过其他人这样做,但是只能删除其他图形-当我尝试删除图像时,我什么也做不了。如果我想删除位图而不是其他图形,那可能吗? 我也尝试使用AlphaMaskFilter,但这给了我与我所寻找的完全相反的东西(它掩盖了所有内容,只显示了我绘制的内容)。 var c = createjs,stag ..
发布时间:2020-10-27 04:47:10 其他开发

EaselJS-围绕其中心旋转形状

我正在用EaselJS制作一个旋转的矩形,但是它没有按照我的想法工作。 我认为,如果我想制作一个正方形(40x40 )绕其中心在位置x = 100,y = 100旋转,我需要将其注册点设置为regX = 20,regY = 20。 ///通过获取对画布 的引用来创建舞台stage = new createjs.Stage(” demoCanvas“); //创建一个Shape D ..
发布时间:2020-10-27 04:47:04 其他开发

EaselJS-拖动缩放父级的子级

注意:**现在已解决。请参阅下面我的答案中的“ FIX”。 随意注入任何您认为合适的知识。 首先,我一直在研究和搜索localToGlobal,localToLocal和globalToLocal,但我是只是对这些方法的理解不足以完成我要实现的目标-缩放父级中的项目拖动。 容器的scaleX和scaleY处于0.5(或任何其他任意数字)。 拖动节点时,它们需要在缩放后的父容器内移动 ..
发布时间:2020-10-27 04:47:00 前端开发

本地计算机上的画架JS安全限制

我正在学习EaselJS,并且遇到了这个奇怪的错误: 由于画布已被交叉污染,因此无法从画布获取图像数据-原始数据。 easeljs-0.6.0.min.js:71 未捕获发生错误。这很可能是由于在读取带有本地或跨域图像的画布像素数据时的安全限制。 问题是,我的两个图像均来自 localhost -我将它们存储在根目录中。这是我的代码: function init(){ ..
发布时间:2020-10-27 04:46:53 其他开发

EASELjs拖动事件,这里出了什么问题

对于新手来说,谢谢您提供有趣的框架,出色的工作,我希望以后的文档会更好,我认为它缺少每个对象方法的实际工作示例。 这是我的问题,我对此框架感到困惑,有人可以指出我在这里做错了什么。我是通过示例构建的。这是 jsfiddle 上的工作代码。上一个版本应在画布上移动矩形。 P.S。 var elementOptions = { 笔画:3,剩余 :100, top:50, 宽度: ..
发布时间:2020-10-26 06:20:10 前端开发