【发布时间】:2012-11-16 19:58:14
【问题描述】:
您知道如何在缩放整个网站的同时不缩放 HTML 画布元素(在大多数浏览器中为 ctrl+"+"),而是使其尺寸更大吗?我有一个应用程序,您可以在其中查看大图像,在画布元素中缩放和平移它们。现在我认为使用 ctrl+"+" 缩放网站以有更多空间查看图像会很酷。默认情况下,画布也会缩放,而您什么也得不到。
【问题讨论】:
标签: javascript browser html5-canvas scale
您知道如何在缩放整个网站的同时不缩放 HTML 画布元素(在大多数浏览器中为 ctrl+"+"),而是使其尺寸更大吗?我有一个应用程序,您可以在其中查看大图像,在画布元素中缩放和平移它们。现在我认为使用 ctrl+"+" 缩放网站以有更多空间查看图像会很酷。默认情况下,画布也会缩放,而您什么也得不到。
【问题讨论】:
标签: javascript browser html5-canvas scale
您可以使用本文http://novemberborn.net/2007/12/javascriptpage-zoom-ff3-128 中描述的技术。
主要思想是放置任意两个元素,并设置第一个元素的 css 值(以像素为单位,如 top\left\width 等)和第二个元素的百分比值。当您缩放页面时,百分比值保持不变,但以像素为单位的值会根据缩放系数而变化。 根据这些变化,您可以计算比例因子并将其与画布尺寸相乘以进行缩放。
如何计算比例因子,您可以在脚本块中文章的演示链接中找到。
【讨论】:
像 Zoomooz.js 这样的东西可以工作 - http://janne.aukia.com/zoomooz/
【讨论】: