javascript 能將兩張圖片重疊在一起嗎

javascript 能將兩張圖片重疊在一起嗎？

Web 技术

 > 

ASP.NET 与 AJAX

问题

• 

  

  0

  登录进行投票

  

  請問javascript能否做到將兩張圖片重疊在一起嗎？

  2012年1月11日 2:36

  回复

  |

  引用

  

  juanlik

  10 分数

全部回复

• 

  

  0

  登录进行投票

  你好，

  js的特長顯然不是這個，你可以採取：

  1）使用圖片編輯器來製作（如PhotoShop）。

  2）使用Graphics+BitMap來製作（參考我的前一個，注意DrawImage的参数应该替换成“原图 像”；另外，使用DrawImage可能会覆盖掉原图像的字，请使用DrawString自行绘制即可。 http://social.msdn.microsoft.com/Forums/zh-CN/295/thread/bb7ee15d- 2ba5-45f0-bdf3-e76618dc27c5/#bb7ee15d-2ba5-45f0-bdf3-e76618dc27c5）

  ---

     QQ我：
  下载MSDN桌面工具(Vista,Win7)
  我的博客园
  慈善点击，点击此处
  
  

  • 已编辑 ThankfulHeart 2012年1月11日 2:56

  2012年1月11日 2:52

  回复

  |

  引用

  

  ThankfulHeart

  60,035 分数
• 

  

  0

  登录进行投票

  我把我想做的東西，請你看看吧。

  第一，服務器會有一張圖片，而該圖片的不同部位的4個頂點坐標已經事先被記錄在服務器上。

  

   

   

  
  

  • 已编辑 juanlik 2012年1月11日 4:12

  2012年1月11日 4:11

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  客戶端(瀏覽器)，會取得一個縮略圖，以及對應要知道的區域的真實比例圖，而該圖的對應區域有highlight(不同顏色強調)，

   

  

  
  
  
  

  • 已编辑 juanlik 2012年1月11日 4:18

  2012年1月11日 4:13

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  而且在真實比例的圖可以上下左右移動

  

  
  

  • 已编辑 juanlik 2012年1月11日 4:15

  2012年1月11日 4:15

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  客戶端（瀏覽器）跳轉不同的部分，對應的highlight部分不同。其實從頭到尾，圖片都是同一張，但是黃色部分要會改變。縮率圖的紅色部分也是如此

  

  2012年1月11日 4:17

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  我想，從頭到尾都只是同一張圖，我希望客戶端取得該圖片後，在客戶端那裡通過javascript去做一些對應的圖片處理。

  而不是在服務器端完成了一個圖片處理後，再將該圖片傳到客戶那裡，因為客戶端的最大變化，只是不同區域的highlight而已，而這些區域的坐標位置可以通過服務器傳過去。不想浪費帶寬。

  
  
  

  • 已编辑 juanlik 2012年1月11日 4:23

  2012年1月11日 4:22

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  我想，從頭到尾都只是同一張圖，我希望客戶端取得該圖片後，在客戶端那裡通過javascript去做一些對應的圖片處理。

  而不是在服務器端完成了一個圖片處理後，再將該圖片傳到客戶那裡，因為客戶端的最大變化，只是不同區域的highlight而已，而這些區域的坐標位置可以通過服務器傳過去。不想浪費帶寬。

  此問題似乎和上面第一個問題毫無關系啊，呵呵。

  另外，關於這個問題，你可以：

  1）存儲一個二維陣列（0表示空白，1表示黑色，填充顏色部分）。

  2）然後使用html元素或者是Response.Write(黑色或者白色方塊)。

  這樣更節省頻寬，全部在用戶端進行。js處理圖片實在不是強項，至少我找不到對應直接處理圖片的方法，呵呵。

  ---

     QQ我：
  下载MSDN桌面工具(Vista,Win7)
  我的博客园
  慈善点击，点击此处

  2012年1月11日 4:54

  回复

  |

  引用

  

  ThankfulHeart

  60,035 分数
• 

  

  0

  登录进行投票

  也不能說和第一個問題毫無關係，因為，如果js處理不了圖片的話，

  我就只能改變想法，在服務器端，將圖片事先切成小塊，再傳到客戶端，也就是，只是傳highlight部分的圖片。當然，瀏覽器上的UI會有所不同。

  • 已编辑 juanlik 2012年1月11日 6:21

  2012年1月11日 6:20

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  也不能說和第一個問題毫無關係，因為，如果js處理不了圖片的話，

  我就只能改變想法，在服務器端，將圖片事先切成小塊，再傳到客戶端，也就是，只是傳highlight部分的圖片。當然，瀏覽器上的UI會有說不同。

  
  

  試試看，如果可以，分享你的關鍵代碼並且標記你自己的為答案。

  Thx！

  ---

     QQ我：
  下载MSDN桌面工具(Vista,Win7)
  我的博客园
  慈善点击，点击此处
  
  

  • 已编辑 ThankfulHeart 2012年1月11日 6:36

  2012年1月11日 6:22

  回复

  |

  引用

  

  ThankfulHeart

  60,035 分数
• 

  

  0

  登录进行投票

  如果用ActiveX呢？是不是可以解決客戶端的圖片處理問題？

  或者是html5呢？

  • 已编辑 juanlik 2012年1月11日 7:03

  2012年1月11日 6:56

  回复

  |

  引用

  

  juanlik

  10 分数
• 

  

  0

  登录进行投票

  可以叠在一起的，采用CSS定位就可以了

  ---

  【孟子E章】