Question

我正在尝试创建一个用户正在设置大小的画布。用户将画布的大小插入到名称为width和height的两个文本字段中。单击提交按钮后创建画布并设置宽度但高度仍为0.任何想法？

submit.onclick = function() {
    var width = document.getElementsByName("width")[0].value;
    var height = document.getElementsByName("height").value;
    createCanvas(width,height);
    $("#frame").remove();

    function createCanvas(width, height) {
        var selector = document.getElementById('canvas-wrapper');
        selector.innerHTML = '<canvas id="cnvs"></canvas>';
        var canvas = document.getElementById("cnvs");
        canvas.width = width;
        canvas.height = height;
    }
    return false;
}

Answer 1

我认为你的问题在这里：

var width = document.getElementsByName("width")[0].value;
var height = document.getElementsByName("height").value;

我看到你正在使用jQuery，为什么不利用它，如果你还要加载它呢？

var width = $('#yourWidthFormElement').val();
var height = $('#yourHeightFormElement').val();

这个html就是：

<input type="text" id="yourWidthFormElement" placeholder="width" />
<input type="text" id="yourHeightFormElement" placeholder="height" />

我假设＆＃34;提交＆＃34;声明变量并保存一个dom元素

从文本字段设置画布大小

1 个答案: