javascript - 图像作为较小的图像位

标签 javascript c# jquery asp.net-mvc

<分区>

我有一张图片。我希望图像被分割成 100 block (用户将 100 张小图像作为一个大图像出现),并且在单击每个较小的图像(即 100 个中的任何一个)时,每个图像都应突出显示并显示为一个单独的图像。

执行此操作的最佳技术是什么???

最佳答案

如果那是 ASP.Net 应用程序,那么最好的办法是将图像提供给 Web 客户端,并在 javascript 中获取有关鼠标光标在图像上的 [x,y] 位置的信息,从那里计算矩形,基于您希望将图像拆分为子图像并返回包含鼠标光标的给定 [x,y] 位置并显示它的子图像的方式。

应该可以在 javascript 中完成所有操作,在客户端和服务器之间移动 100+1 个图像可能会很慢,或者在鼠标移动时获得正确的图像,在服务器上进行计算,这似乎也不是一个好主意。

关于javascript - 图像作为较小的图像位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33646565/

相关文章:

JavaScript 算法 : find starting and ending indices of consecutively repeated chars from a string

javascript - 将日期与 NaN 和 undefined 进行比较

php - Javascript 验证 if 语句

c# - 多个用户同时请求 30,000 行信息

c# - 如何确定 C# 库类的 'using' 声明

javascript - 图像 slider - Javascript

javascript - Javascript 的媒体查询方法

c# - 传递给 ViewDataDictionary 的模型项是 X[] 类型,但是这个 ViewDataDictionary 实例需要一个 X 类型的模型项

javascript - 有什么方法可以滚动溢出 :hidden 的 div

javascript - 保护 javascript [AJAX] 代码?