已掉线,重新登录

首页 > 绿虎论坛 > 杂类 > 生活 (发帖)

标题: 大家有什么19元左右的大流量卡推荐吗?比较稳的

作者: @Ta

时间: 2023-10-05

点击: 218

不是物联网卡的那种

[隐藏样式|查看源码]


『回复列表(5|隐藏机器人聊天)』

1.
层主 @咯叽 于 2023-10-07 23:04 删除了该楼层。
(/@Ta/2023-10-05 13:14//
被锁定
)

2. b站搜用户“流量卡”,然后按粉丝从高到低排列,随便选个顺眼的,进去看看就行
(/@Ta/2023-10-06 19:35//)

3. @张小强https://m.868123.xyz/  底部流量测算筛选
(/@Ta/2023-10-07 09:33//)

4.
发言待审核,仅管理员和作者本人可见。
(/@Ta/2023-10-08 10:56//
待审核
)

5.

[4] @张小强,为了让标尺的刻度在不同的缩放级别上都能够合理地显示,我们需要为刻度的绘制和显示进行自适应的调整。这通常包括动态调整主要刻度的间隔和决定是否显示次要刻度。

以下是一种方法来实现这个目标:

  1. 在每次绘制标尺时,根据当前的缩放比例决定刻度的间隔。
  2. 当缩放比例非常小(即内容被放大很多)时,可以考虑每1毫米绘制一个刻度。
  3. 当缩放比例增大时,可以考虑每5毫米、10毫米或更大的间隔绘制一个刻度,以此类推。

以下是您代码的修改版本,实现了这些改进:

<body>
  <canvas id="canvas"></canvas>
  <button id="zoomIn" onclick="zoomIn()">放大</button>
  <button id="zoomOut" onclick="zoomOut()">缩小</button>
  
  <script>

    const canvas = document.getElementById("canvas");
    ctx = canvas.getContext('2d');
    let scale = 1;
    canvas.width = canvas.parentNode.offsetWidth;
    canvas.height = 26;
    ctx.lineWidth = 0.5;

    function drawRuler() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.beginPath();
      let rulerLength = canvas.parentNode.offsetWidth / scale;

      ctx.moveTo(0, canvas.height);
      ctx.lineTo(canvas.width, canvas.height);
      
      let interval;
      if (scale >= 2) {
          interval = 10; // every 10mm
      } else if (scale >= 1) {
          interval = 5; // every 5mm
      } else {
          interval = 1; // every 1mm
      }

      for (let i = 0; i <= rulerLength; i += interval) {
        let x = parseInt(i * scale);

        let height = (i % 10 == 0) ? canvas.height : 5;

        ctx.moveTo(x + 0.5, canvas.height);
        ctx.lineTo(x + 0.5, canvas.height - height);

        if (i % 10 == 0) {
          ctx.fillText(i, x + 3, canvas.height - 10);
        }
      }
      
      ctx.stroke();
    }

    drawRuler();

    function zoomIn() {
      scale *= 1.1;
      drawRuler();
    }

    function zoomOut() {
      scale /= 1.1;
      drawRuler();
    }

  </script>
</body>

在此修改后的版本中,根据当前的缩放级别,我们调整了刻度的间隔。您可以根据需要进一步调整这些间隔值和逻辑。

(/@Ta/2023-10-08 10:56//)

回复需要登录

6月29日 20:42 星期天

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1