Javascript 在Canvas/jQuery中将变量用作值

Javascript 在Canvas/jQuery中将变量用作值,javascript,jquery,html,css,canvas,Javascript,Jquery,Html,Css,Canvas,我的网站上有以下内容 // Move to 'start' element .moveTo(400, 50, {name: "one"}) // Line to 'description' element .lineTo(1600, 50, {name: "two"}) // Arc down and line to 'syntax' .lineTo(3200, 50, {name: "three"}) // Continue line

我的网站上有以下内容

     // Move to 'start' element
    .moveTo(400, 50, {name: "one"})
    // Line to 'description' element
    .lineTo(1600, 50, {name: "two"})
    // Arc down and line to 'syntax'
    .lineTo(3200, 50, {name: "three"})
    // Continue line to 'scrollbar'
    .lineTo(3200, 50, {name: "four"})
我希望每个函数中的firxt值变成一个变量,然后相应地乘以。我尝试了以下方法,但运气不佳,但我想知道这是否可行

    var width = $(window).width();

    // Move to 'start' element
    .moveTo(width, 50, {name: "one"})
    // Line to 'description' element
    .lineTo(width * 2, 50, {name: "two"})
    // Arc down and line to 'syntax'
    .lineTo(width * 3, 50, {name: "three"})
    // Continue line to 'scrollbar'
    .lineTo(width * 4, 50, {name: "four"})

你需要用4乘以第二,用8乘以第三和第四我想你在这里使用的是scrollpath而不是canvas,对吗?这让我很困惑…您的代码应该可以工作,但是
路径
对象在哪里?也许您正在将
var-width…
行放在对象及其方法之间(
moveTo
lineTo
),在这种情况下它不会工作?