【问题标题】:Make HTML canvas bigger while scaling the website在扩展网站的同时使 HTML 画布更大
【发布时间】:2012-11-16 19:58:14
【问题描述】:

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

【问题讨论】:

    标签: javascript browser html5-canvas scale


    【解决方案1】:

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

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

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 答案应该不仅仅是一个链接
      猜你喜欢
      • 1970-01-01
      • 2021-03-13
      • 1970-01-01
      • 2017-07-15
      • 2023-03-29
      • 1970-01-01
      • 1970-01-01
      • 2016-08-20
      • 1970-01-01
      相关资源
      最近更新 更多