将$\u POST变量发送到JavaScript

我正在用JavaScript制作一个简单的绘图工具，并使用PHP生成一个用作画布的表。为了能够自定义尺寸，我这样做了

$input = $_SERVER['REQUEST_METHOD'];

if ($input == 'POST') {
    $width = (int) $_POST['width'];
    $height = (int) $_POST['height'];
}

但我还需要在JavaScript中使用这些相同的值来创建一个字符串，该字符串保存所有颜色表元素的所有坐标。有没有办法做到这一点

编辑：下面是需要这些值的JS函数

        function constructCanvasString(){       

            var width = 128;
            var height = 64:

            var canvasString = width + ' ' + height + '\\n';
            for (var y = 0; y < height; y++) {
                for (var x = 0; x < width; x++) {
                    if (   $('#' + x + '-' + y).css('background-color') !== 'transparent' ) {
                        canvasString = canvasString + x + ' ' + y + ' ' + ($('#' + x + '-' + y).css('background-color')).replace(/\s/g, '') + '\\n';
                    }
                }
            }
            document.getElementById('canvas').value = canvasString;
        }

---

当td元素获得样式属性背景色时，用户在绘制图形后单击按钮时调用此函数。您可以通过以下方式访问javascript中的PHP变量：

    var width = "<?php echo $width ?>"

---

您需要在什么时候使用JavaScript获取值？这是通过异步请求完成的吗？在前端发布时，您不能将其传递给js函数吗？您是发布到php页面并重新加载，还是通过ajax完成的？用户转到页面，可以使用默认值128 x 64开始绘制，或者可以在HTML表单中输入新值，将新值发送到同一页面。页面查看并使用POST值。是否在同一页面上的两个不同PHP块中记住值？此方法应在页面的任何位置查找PHP变量的最后声明。