kineticjs相关内容
我正在寻找将圆转换为椭圆的方程,这样我就可以找到从一点到椭圆边界的最短距离。我已经找到了圆和点之间的距离的公式,但想不出如何将其转换为椭圆。 px和py是点,x和y是圆原点,射线是半径 closestCirclePoint: function(px, py, x, y, ray) { var tg = (x += ray, y += ray, 0); return fu
..
当我用新的 Kinetic.Stage 替换新的画廊时,代码可以正常工作当我使用驱动类时,它不起作用. 为什么从 Kinetic.Stage 派生的画廊类型是错误的? width = window.innerWidth ||文档.documentElement.clientWidth ||文档.body.clientWidth ||0高度 = window.innerHeight ||文档
..
我在 Canvas HTML5 中的设计器绘图工具上有一个特定问题.我正在开发一个动作历史系统(撤消和重做).我正在根据 projeqht 对 的回答构建我的系统这个问题 序列化历史数组中的层.核心,解决方案的想法是有效的,但我有一个奇怪的问题.当我点击撤消时,它会创建新图层,但旧图层并没有消失.我会附上我的源代码,我也会附上屏幕截图,这样你就可以看到发生了什么: 源码: var hist
..
我以前在网上看到过这样的例子,但我再也找不到链接了. 基本上它是一个可拖动框的 KineticJS 示例,并带有线连接到它.当您围绕线移动框时,将保持连接并重新绘制到框的位置. 我真的很想知道是否有其他人看过这个例子,或者如何做到这一点.我用谷歌搜索了这个例子,但我在任何地方都找不到答案. 谢谢. 解决方案 做起来并不难... 创建你的盒子: var box =
..
我想扩展我的组(图像和其他内容). group.setScale(zoom, zoom); http://jsfiddle.net/K8nK3/ 但是当我扩展我的团队时,我认为它不是从我的团队中心扩展的.我觉得是这样 我希望它像中心一样缩放 我尝试了更多,但没有成功.我该怎么做呢,谢谢. 解决方案 [编辑以更好地满足提问者的需求] 以下是从中心点缩放动力学组
..
我目前正在尝试加快我的移动设备网络应用程序的速度,但现在我被困在最重要的部分 - 缓存上.如何在用户开始拖动之前缓存整个图层并在拖动动作停止时将其恢复为可用的 Kinetic.Nodes? 目前我开始缓存 stage.on('mousedown touchstart', function(){//CACHING}) 但这里的问题是,用户必须执行第二个 mousedown touc
..
我正在尝试使用带有 mousedown 和拖动事件的 KineticJS 创建一个矩形形状,但运气不佳.有没有人做过类似的事情? 解决方案 http://jsfiddle.net/AYHSM/6/ var stage = new Kinetic.Stage({容器:'容器',宽度:600,身高:400});var layer = new Kinetic.Layer();layer.add
..
我目前正在使用 phonegap 开发一个 android 应用程序.我有一个 html5 画布,我在上面绘制和动画对象.它在 android 2.3 上运行良好,但在 android 4+ 上它不会重绘画布.我尝试将 kinetic.js 和 easel.js/tween.js 用于我的动画,并且这两个库都出现了不清除画布的问题.我在画布上显示和隐藏 div 时取得了一些成功,但它并不总是有效.
..
我使用 kineticjs 库在 html 5 画布上创建了形状.现在我想将画布保存为本地系统硬盘上的图像.请告诉我如何使用 KineticJS 库来实现它. 解决方案 选择画布后(我猜是使用 document.getElementById 之类的东西),您应该可以调用以下命令将画布转换为 dataURL. 获得该 URL 后,在另一个浏览器窗口中打开它并执行标准的右键单击->将图像
..
我想调整 HTML5 画布的大小、拉伸 HTML5 画布,使画布像 IMG 元素一样:按像素设置宽度-高度、百分比... 我想知道是否有任何方法可以将 HTML5 画布转换/导出为 IMG 元素,或者任何可以直接在画布上实现这一点的方法. 我正在使用 KineticJS 库,了解详情. 请帮忙! 解决方案 首先,给你的画布一个 id(例如 example).然后,使用纯
..
我进行了很多搜索,但找不到与我的需求相关的场景.我想将图像从工具栏拖放到画布,而不是从画布拖放到另一个画布. 请帮助我.提前致谢 解决方案 演示:http://jsfiddle.net/m1erickson/2Us2S/ 使用 jquery-ui 创建可拖动元素. $("#myToolbarImageElement").draggable(); 使用键值对的数据负载加载这些
..
我正在使用 jquery mobile 更新页面中的 div 以播放一些动画. 动画还通过使用document.createElement('audio'); 播放声音 我的问题是,当我将页面更新为另一个动画时,旧声音一直播放. 抱歉,这是我的第一个问题,如果我的措辞似乎不对,我深表歉意. 这是我的代码.. 这里是要加载到#animation div中的动画代码
..
我在将容器缩放到固定点时遇到了一些问题. 就我而言,我正在尝试将舞台缩放(缩放)到鼠标光标. 这是一种处理纯画布的方法:http://phrogz.net/tmp/canvas_zoom_to_cursor.html(在 将画布缩放到鼠标光标) 我就是不知道如何在使用 KineticJS API 时应用相同的逻辑. 示例代码: var position = this.stag
..
我正在尝试选择正确的技术来更新一个项目,该项目基本上在可缩放、可平移的图形中呈现数千个点.当前使用 Protovis 的实现性能不佳.在这里查看: http://www.planethunters.org/classify 完全缩小时大约有 2000 个点.尝试使用底部的手柄放大一点,然后拖动它来平移.你会看到它非常不稳定,除非你有一台非常快的计算机,否则你的 CPU 使用率可能会在一
..
我正在尝试向 Kinetic JS 画布添加一个 3D 立方体以显示 x、y、z 旋转.我发现这篇文章 http://www.tonicodes.net/blog/combining-three-js-and-kineticjs.我使用的是 3.8 版,当我尝试使用 Kinetic JS 的 4 版按照示例进行操作时,出现此错误, 无法获取属性“appendChild" 任何建议,解决它或在
..
1) 是否有任何摘要完成事件可用于更新我的画布.我有一个角度应用程序,它可以查看画布对象的不同属性.每当我更改属性时,一旦摘要完成,如果我可以获得摘要完成事件,我可以更新画布(使用 kineticJs)以使用最新属性重新绘制图表. 目前我正在从视图中调用一个方法 2) 我只是使用视图并将其路由到一个新视图,只要打开一个对象设置.在这种情况下,url 也会随着网页/#view 的变化而变
..
我正在制作一个用户可以在其中拖放的应用程序;将工具栏上的多个对象拖放到画布上.将特定对象拖放到画布上后,用户可以在画布中四处移动该对象.双击该对象将使其消失.工具栏中的对象,如下面的链接所示. http://jsfiddle.net/gkefk/26/ 要拖动&从工具栏中删除多个对象我在DragDrop()函数中添加了以下内容 var image2 = new Kinetic.Im
..
我有一个HTML画布(使用KineticJS,但是画布狂热者仍然可以插入),它可以从另一个域加载图像,将其放置在画布上并叠加一些其他信息以生成最终图像.当我尝试使用canvas.toDataURL()输出文件时,收到消息“操作不安全.",这显然是由于跨域限制所致. 我想知道是否有人知道解决此错误的任何方法(最好是跨浏览器兼容).我当时想解决方案是将画布复制到另一个画布,有点像截图,但是我找不
..
我正在与dynamicjs合作,在我的舞台上有一层.该层上有多种形状,它们会在发生鼠标悬停事件时做出反应(它们显示工具提示) 除了这些形状之外,我还在较高的ZIndex上有一些文本节点(因此它们位于形状上方). 这一切都很好,但有一个例外,当文本位于形状顶部时,该形状不显示工具提示,我认为这是因为textnode使用了事件,而不是“转发"该事件,尽管我还没有.将任何内容绑定到文本节点.
..
Kineticjs在Retina显示器上自动采用画布大小和整个图形,因此所有外观清晰且干净,而像素没有模糊.但是,当我尝试使用自定义裁剪功能时,事情就出错了. 这是一些代码 this.layerOne = new Kinetic.Layer(); this.layerTwo = new Kinetic.Layer({ clipFunc : function(c){ var ctx
..