0

您是否知道如何在缩放整个网站时不缩放 HTML 画布元素(在大多数浏览器中为 ctrl+“+”),而是使其尺寸更大?我有一个应用程序,您可以在其中查看大图像,在画布元素中缩放和平移它们。现在我认为使用 ctrl+"+" 缩放网站以有更多空间查看图像会很酷。因为默认情况下,画布也会缩放,你什么也得不到。

4

2 回答 2

1

您可以使用本文中描述的技术http://novemberborn.net/2007/12/javascriptpage-zoom-ff3-128中描述的技术。

主要思想是放置任意两个元素并设置第一个元素的 css 值(以像素为单位,如 top\left\width 等)和第二个元素的百分比值。当您缩放页面时,百分比值保持不变,但像素值会根据缩放系数而变化。基于这些更改,您可以计算比例因子并将其与画布尺寸相乘以对其进行缩放。

如何计算比例因子,您可以在脚本块中文章的演示链接中找到。

于 2012-11-16T20:20:35.943 回答
-2

像 Zoomooz.js 这样的东西可以工作 - http://janne.aukia.com/zoomooz/

于 2012-11-16T20:08:59.153 回答