扩展网站时使HTML画布更大

时间:2012-11-16 19:58:15

标签: javascript browser html5-canvas scale

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

2 个答案:

答案 0 :(得分:1)

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

主要思想是放置任意两个元素并设置第一个元素css值,以像素为top \ left \ width等,以及第二个元素百分比值。缩放页面时,百分比值保持不变,但像素值会根据缩放系数而变化。 根据这些更改,您可以计算比例因子,并使用画布尺寸对其进行多次缩放。

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

答案 1 :(得分:-2)

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