Question

问题的背景信息：我想要做的是每次用户单击按钮时我想将画布转换为dataURL值，然后将该值存储在数组中。到目前为止，我可以获得数据URL引用，但它只向数组添加一个值。

函数“dataurl”获取画布创建dataURL：代码：

function dataurl () {

var a = document.getElementById("theCanvas");
var context = a.getContext("2d");
var img = document.createElement("img");
var dataURL = a.toDataURL();





addToArray(dataURL);

}

然后调用addToArray函数（我在函数外部创建了数组）：

myImages = new Array();
function addToArray(URL){
//  alert(URL);
    myImages.push(URL);
    alert(myImages.length);


}

警报始终为1。当用户单击按钮时，最初会调用dataurl函数：

 <input class="button" type="submit" name="save" value="Save" onclick="dataurl();"/>

我试图将这些添加到数组的原因是当用户点击保存按钮时，在画布的屏幕上存储图像（在底部）。

Answer 1

你正在警告数组的长度myImages.length。改为警报（myImages）;

function addToArray(URL){
 //  alert(URL);
    myImages.push(URL);
    alert(myImages);
}

使用函数javascript向数组添加值

1 个答案: