HTML5中可以通過線條伸縮的功能使得網頁更加生動、豐富。這個功能的實現主要是基于canvas標簽來實現的，具體的伸縮代碼如下：

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
// 畫一條線
context.beginPath();
context.moveTo(20, 20);
context.lineTo(200, 20);
context.stroke();
// 線條的伸縮
context.scale(2, 2);
// 畫一條伸縮后的線
context.beginPath();
context.moveTo(20, 20);
context.lineTo(200, 20);
context.stroke();

通過上面的代碼，我們先畫了一條線，然后使用scale()方法對其進行了伸縮，最后再畫了一條伸縮后的線。其中，scale()方法的兩個參數分別為x軸與y軸的伸縮比率，比如上面的代碼中，x軸伸縮了2倍，y軸也伸縮了2倍，因此線條也會被放大2倍。

需要注意的是，利用canvas實現線條伸縮功能時，所有繪制的元素都將被伸縮，因此必須謹慎使用，以免對網頁的布局產生負面影響。