我用d3.js的mercator-函数在svg元素中实现了一个映射。地图只代表一个特定的城市--城市之外的一切--地图与我的项目无关。
现在,我想在此地图上实现一些函数,如缩放()和拖动()。
但是我找不到任何解决方案,用我的墨卡托地图来处理拖动()-function--我不能限制面积的转换。(用户不应该能够将地图拖出城市地图之外)
对于正常的svg-元素,这个工作:
var drag = d3.behavior.drag()
.on("drag", dragmove);
function dragmove(d) {
var x =
目前,我在屏幕上有一个图像,它每5秒与另一个图像交换一次,并使用动画来完成此操作。
同时,在屏幕上,我有用户可以拿起并拖动的对象(使用平移手势)。在动画的.5期间,如果我在对象周围移动,UI就会卡顿。例如,我有一个画笔,我拿起它在屏幕上移动。5秒计时器结束,背景图像更新。而这会在动画发生时更新画笔卡顿。我移动了加载UI线程的图像,并使用NSData强制加载它。
有没有一种方法可以防止这种卡顿,而动画更改图像运行。下面是我交换图像的方式。
// Dispatch to the queue, and do not wait for it to complete
// Grab image in b