问题标签 [zui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
387 浏览

c# - C# Piccolo ZUI - 仅当 CTRL 摆动时才显示曲线?

我 在 C# Winform 应用程序中使用Piccolo 2D ZUI 库。

该库显示的示例之一是向画布添加squiggle(线条绘制)处理程序。

问题是,如果您启用 squiggle 处理程序并允许画布拖动,那么这两个事件会同时发生。

我想做的是继承PDragEventhandler以便它仅在未按下 CTRL 时运行。然后当按下 CTRL 键时,squiggler 将运行(我明白了)。

用于拖动处理程序的代码是:

我可以继承PDragEventhandler,然后说只在不按下 CTRL 时运行吗?还是我需要重新编译 Piccolo 库才能启用此功能?

0 投票
2 回答
547 浏览

frameworks - JS 缩放框架(谷歌地图风格)

我想构建一个基于缩放原则(ZUI)的网络应用程序我正在寻找一个框架或一个起点。类似 OpenZoom http://openzoom.org/ 但在 javascript

谢谢

0 投票
4 回答
3082 浏览

html - 在 HTML 画布上缩放用户界面

碰巧我遇到了在 HTML Canvas 上创建 ZUI(缩放用户界面)的任务。此类界面的示例是 Deep Zoom 和微软的 Seadragon。

我正在尝试找到一些库,这些库允许我创建 ZUI 而无需自己从头开始编写它(尽管我已经为 Mac 和 iOS 完成了它)。


图书馆应具备的主要特点:

  1. 将某种“视图”作为基本元素并按层次排列
  2. 在视图中绘制矢量图形、文本和图像(可选)
  3. 放大至 200 倍
  4. 由视图处理的鼠标事件(上/下、移动、滚动)

任何建议(即使它们不符合上述条件)都将受到欢迎,因为我在画布上没有发现任何关于 ZUI 的信息。

0 投票
1 回答
1406 浏览

jquery - 缩放 DOM 元素:缩放与变换

我有一个可缩放的 div 元素网格。单击 div 时,会使用Zoomooz.js对其进行缩放、缩放和居中。每个 div 内部都有一个使用Raphäel实现的可绘制区域(如 Canvas) 。

我的问题是,即使缩放功能完美运行,div 的缩放也使得无法在 div 上进行合理的绘制,因为 div 被放大,而不仅仅是将其转换为更大的宽度/高度。我真的想要缩放效果,但不是缩放 div,我的猜测是我想对所有 div 进行转换,并使用缓动效果或类似效果居中选定的 div。

我们欢迎所有的建议!

0 投票
1 回答
122 浏览

javascript - 在角度指令中访问模板子元素

我正在尝试从一个很棒的jquery 缩放/平移库中创建一个指令。如何访问模板中的元素来初始化插件?

截至目前,该指令如下所示:

显然document.getByID()不是实现这一目标的最佳方式。什么是更好的解决方案?非常感谢。

0 投票
0 回答
31 浏览

javascript - React 是否有相当于 jQuery 无限拖动的功能?

我正在尝试创建一个具有无限墙界面的应用程序,即一个打开到用户可以拖动的背景的 div,并且无论用户走到哪里都将永远扩展。

我找到了一个很酷的 jquery 插件,叫做jquery infinite drag来做到这一点,但是我在使用 react 时遇到了麻烦。有这样的组件库吗?