0

私は JavaScript を初めて使用し、インタラクティブな Web サイトを作成するために使用していますが、問題があります。始めたばかりなので、自分のコンテンツをワープテキストにする方法しかわかりません.wrapTextが指定された幅と高さでオーバーフローした場合に関数を持つJavaScriptでコードを作成する方法がわかりません。上下のスクロールが表示され、表示されていないものをナビゲートするのに役立ちます。

これは私が使用するものです：

function wrapText(text, x, y, maxWidth, lineHeight)
{
  var words = text.split('');
  var line = '';
  for(var n = 0; n < words.length; n++)
  {
    var testLine = line + words[n] + '';
    var metrics = content.measureText(testLine);
    var testWidth = metrics.width;
    if(testWidth > maxWidth)
    {
      context.fillText(line, x, y);
      line = words[n] + '';y += lineHeight;
    }
    else {
           line = textLine;
         }
   }
context.fillText(line, x, y);
}

関数描画で：

wrapText(currentText, 45, 460, 800, 20);
4

1 に答える 1

1

これが私のjsFiddleソリューションです。あなたのソリューションには、プレーンな HTML/CSS だけが必要だと思います。

HTML:

<div id="foo" class="wrap">...</div>

そしてあなたのCSS：

#foo {
    width: 400px;
    height: 300px;
    background-color: yellowgreen;
}

.wrap {
    overflow-y: auto;
}
于 2013-04-11T06:14:06.703 に答える