1
A
回答
2
那麼你可以從window.screen得到屏幕細節 - 雖然我個人建議只是找出當前窗口有多大,唯一的原因不是如果你要調整窗口大小,這是非常不滿的。
一旦你知道你需要製作圖片的尺寸和大小,我發現通過將圖片放置在包含overflow: hidden;
的DIV中可以輕鬆裁剪圖像。然後可以將包含DIV的大小設置爲所需的大小,並將圖像的top
和left
CSS屬性設置爲左上角可見角的所需座標的負值。
<div class="crop-container" style="width: 200px; height: 200px; overflow: hidden;">
<img src="something-400x400.jpg" style="top: -100px; left: -100px;" width="400" height="400" alt="Something" />
</div>
相關問題
- 1. 屏幕分辨率檢測
- 2. 檢測屏幕分辨率
- 3. 屏幕分辨率更改CSS
- 4. 更改屏幕分辨率
- 5. 圖像相對於屏幕分辨率
- 6. CSS屏幕分辨率
- 7. 屏幕分辨率和CSS
- 8. 檢測客戶端屏幕分辨率
- 9. 如何檢測SetForegroundWindow是否更改屏幕分辨率?
- 10. 屏幕分辨率測試
- 11. 我抓住屏幕的圖像然後裁剪它後失去分辨率?
- 12. 檢測圖像分辨率?
- 13. IE11 javascript屏幕分辨率
- 14. jQuery/ColdFusion圖像裁剪相對於源代碼分辨率
- 15. 如何閱讀屏幕分辨率 - 並更改此分辨率?
- 16. Win7屏幕分辨率快速更改
- 17. ... Java的屏幕分辨率更改
- 18. 使用as3更改屏幕分辨率
- 19. 用AppleScript更改屏幕分辨率
- 20. 如何更改android屏幕分辨率
- 21. Kindle:更改屏幕邊界/分辨率
- 22. 根據屏幕分辨率更改圖像位置
- 23. 適應屏幕分辨率
- 24. 更改圖像分辨率
- 25. 多個屏幕/分辨率/圖像
- 26. 屏幕分辨率與圖像問題
- 27. 的屏幕分辨率獲取圖像
- 28. 自動檢測屏幕分辨率並使用Javascript更改瀏覽器縮放?
- 29. 屏幕分辨率
- 30. 屏幕分辨率
是的我已經想到了這種方法,很想知道是否有JavaScript解決方案,謝謝你的貢獻。順便說一下,你不會讓div設置爲overflow:隱藏,你可以根據屏幕分辨率改變div的大小,然後相應地放置圖像,而不是相反的方向? – Daryl 2010-11-25 01:08:39