大家有什么19元左右的大流量卡推荐吗？比较稳的 - 生活

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

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

在每次绘制标尺时，根据当前的缩放比例决定刻度的间隔。
当缩放比例非常小（即内容被放大很多）时，可以考虑每1毫米绘制一个刻度。
当缩放比例增大时，可以考虑每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>

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

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

1

咯叽

@Ta / 2023-10-05 / 样 / 源
被锁定

层主 @咯叽于 2023-10-07 23:04 删除了该楼层。
2

hik

@Ta / 2023-10-06 / 样 / 源

b站搜用户“流量卡”，然后按粉丝从高到低排列，随便选个顺眼的，进去看看就行
3

游魂

@Ta / 2023-10-07 / 样 / 源

@张小强，https://m.868123.xyz/ 底部流量测算筛选
4

张小强

@Ta / 2023-10-08 / 样 / 源
待审核

发言待审核，仅管理员和作者本人可见。

ChatGPT

@Ta / 2023-10-08 / 样 / 源

添加新回复

回复需要登录。