javascript - 如何处理网站上的图像?

标签 javascript silverlight html

我正在创建一个网站,用户可以在其中上传图片,然后在背景上旋转或移动它。然后以某种方式(位图?)记录图像的最终位置,并与某种形式的结果一起发送。

我有点不知道如何做到这一点,该网站是使用 asp.net 构建的,我想我想做的事情可以在 Silverlight、javascript、flash、flex 或 html5 中完成?

如果有人知道执行此操作的最佳方法或可以链接到资源或教程,我将不胜感激。我不希望在 flash 或 flex 中这样做,因为我不熟悉它们并且没有安装编辑它们的工具。我更喜欢 Silverlight 或 javascript 解决方案。

谢谢, nl

最佳答案

我建议在 javascript 中执行此操作。在高层次上,您只需要页面上的一个元素来包含您的图像,一些允许用户拖动容器的基本代码(其中大部分可以通过框架预先构建,如 mootools ),以及一些逻辑来保存用户完成定位后的最终元素位置。

我不确定将其保存为位图是什么意思,但我建议只保存元素从其容器的左上角开始的 x 和 y 偏移坐标。同样,有现成的框架可以为您完成几乎所有的定位计算。

这是一个示例站点,它在 session 之间实现具有持久状态的可拖动图像:http://webcomix.no-ip.org

关于javascript - 如何处理网站上的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5361680/

相关文章:

.net - 如何将 GPS 观察器移至 App.xaml 父类(super class)并将事件调度至其他页面/类?

html - 单击时不一致的表单中的 CSS 文本?

javascript - 我如何惰性评估 javascript 对象上的字段?

c# - Silverlight 中附加和非附加依赖属性之间的区别

silverlight - SL4/MVVM : Handle MouseDragElementBehavior. VM 中带有 void Foo() 的拖动事件

javascript - 如何获取嵌套跨度 HTML 元素的文本?

javascript - 仅 Android 浏览器 : canvas. toDataURL 抛出未捕获错误:SecurityError:DOM 异常 18

javascript - 如何从 JMeter 调用外部 JavaScript 文件方法

javascript - 为什么相同字符不相邻时输出不正确?

javascript - 如何根据不同的Angular js路由值选择不同的模板