Pic和Viewport设计问题 [英] Pic and Viewport design question

问题描述

我想在一个页面上有一张照片（.jpg - 想想地图）

和一张'viewport''到这张照片上，其大小各不相同

我可以通过适当拖动元素来改变

（例如，使用来自优秀网站的代码
http://www.walterzorn.com/dragdrop/dragdrop_e.htm ）


我的问题是：什么是最好的设计结构

呢？它是一个图像（在div中），还有第二个
div将是视口（其中div是

透明）和

（想法A）div的边框是不透明的，延伸到页面/边框的边缘或者...... $

（想法B）div没有胖边框但是

是4（两个垂直条带，一个顶部和底部

存根）不透明的div在它之外每当视口div改变大小或

位置时，它会重新调整它们的

大小。 （看起来这样比较容易编程）


或其他一些方法？


感谢您的任何提示，

来自维也纳的Csaba Gabor

I''d like to have a pic (.jpg - think Map) on a page
and a ''viewport'' onto that pic, either of whose sizes
I could alter by appropriately dragging the element
(using, for example, code from the excellent site
http://www.walterzorn.com/dragdrop/dragdrop_e.htm)

My question is: What is the best design structure
for this? Is it an image (in a div), and a second
div which will be the viewport (where the div is
transparent) AND

(idea A) The div''s borders are opaque, extending to
the edges of the page/frame or ...

(idea B) The div doesn''t have fat borders but there
are 4 (two vertical strips, and a top and bottom
stub) opaque divs outside it which readjust their
size whenever the viewport div changes size or
position. (Seems like this is easier to program)

Or some whole other approach?

Thanks for any tips,
Csaba Gabor from Vienna

推荐答案

Csaba Gabor写道：

Csaba Gabor wrote:

我想拥有一张照片上的照片（.jpg - 思考地图）和照片上的视口，其中任何一个尺寸都可以通过适当拖动元素来改变
（使用，例如，来自优秀网站的代码
http：// www。 walterzorn.com/dragdrop/dragdrop_e.htm ）

I''d like to have a pic (.jpg - think Map) on a page
and a ''viewport'' onto that pic, either of whose sizes
I could alter by appropriately dragging the element
(using, for example, code from the excellent site
http://www.walterzorn.com/dragdrop/dragdrop_e.htm)

让我明白一下 - 你想要的物品有

拖 - 并且调整大小和下降

和一张也调整大小的图像地图？

Let me understand -- you want the item to have
drag-and-resize-and-drop
AND an image map that also resizes?

mbstevens写道：

mbstevens wrote:

Csaba Gabor写道：

Csaba Gabor wrote:

我想要在页面上有一张pic（.jpg - 想想地图）和在那张照片上有一个''视口'，其尺寸之一我可以通过适当拖动元素来改变

I''d like to have a pic (.jpg - think Map) on a page
and a ''viewport'' onto that pic, either of whose sizes
I could alter by appropriately dragging the element

让我明白一下 - 您希望项目具有拖放和调整大小和/或一个也可以调整大小的图像映射吗？

Let me understand -- you want the item to have drag-and-resize-and-drop
AND an image map that also resizes?

我对掉落部分不感兴趣（不想把b $ b物品放到其他物品上）。我希望能够独立调整每个人的b $ b大小，并独立放置（拖动）他们

。我打算这样做的方式是

有一个控制面板，当尺寸/位置设置为
时。可以在那里输入数字（或选择

''适合窗口'等）或直接转到

图像/视口并直观地调整它们。


Csaba

I''m not interested in the drop part (don''t want to drop
objects onto other items). I do want to be able to
resize each independently and to place (drag) them
independently. The way I''m intending this is to
have a control panel for when size/placement is being
set. One could either put in numbers there (or select
''Fit to window'', etc.) or go directly to the
image/viewports and adjust them visually.

Csaba

mbstevens写道：

mbstevens wrote:

Csaba Gabor写道：

Csaba Gabor wrote:

我想在一个页面上有一张照片（.jpg - 想想地图）和一张照片上的视口，其尺寸之一我可以改变通过适当拖动元素

I''d like to have a pic (.jpg - think Map) on a page
and a ''viewport'' onto that pic, either of whose sizes
I could alter by appropriately dragging the element

和还调整大小的图像映射？

AND an image map that also resizes?

哎呀，忘了添加它们不是图像映射。

..jpg / .png图片是传统的（他们在计算机之前有点b
）地图。

Oops, forgot to add that they''re not image maps. The
..jpg/.png pics are of traditional (the kind they had
before computers) maps.

这篇关于Pic和Viewport设计问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！