📌  相关文章
📜  p5.js | saveStrings()函数(1)

📅  最后修改于: 2023-12-03 15:18:11.999000             🧑  作者: Mango

p5.js | saveStrings()函数

简介

saveStrings()是p5.js中的一个函数，用于将字符串数组保存为文本文件。该函数可以将任何多行文本数据保存到文本文件中。

语法
saveStrings(list, [filename], [extension])
  • list：（数组）一个字符串数组，包含要保存的数据。
  • filename：（字符串）要保存的文件名。默认为“download”。
  • extension：（字符串）要保存的文件扩展名。默认为“txt”。
使用方法
保存普通文本

下面的例子演示了如何创建一个保存两行数据的文本文件：

function setup() {
  var list = ['Hello', 'World'];
  saveStrings(list, 'myText.txt');
}

将上述代码复制到p5.js编辑器中，然后运行程序，将生成一个名为“myText.txt”的文本文件，该文件包含以下内容：

Hello
World
保存JSON数据

除了保存普通文本文件，saveStrings()还可以保存JSON格式的数据。下面的例子演示了如何将JSON数据保存到文本文件中：

function setup() {
  var data = {
    name: "Bob",
    age: 42
  };
  var list = [JSON.stringify(data)];
  saveStrings(list, 'myData.json', 'json');
}

运行上述代码，将生成一个名为“myData.json”的文件，该文件包含以下内容：

{
    "name": "Bob",
    "age": 42
}
添加简介

saveStrings()函数非常适合用于保存一些网页元素的简介。下面的例子演示了如何保存一个元素的简介：

<!DOCTYPE html>
<html>
<head>
	<title>p5.js | saveStrings()函数</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.min.js"></script>
</head>
<body>
	<h1>p5.js | saveStrings()函数</h1>
	<p>本网页介绍了p5.js中的saveStrings()函数。</p>
	<button id="saveBtn">保存简介</button>
	<script>
		var saveBtn = document.getElementById('saveBtn');
		saveBtn.addEventListener('click', function() {
			var list = [];
			var intro = document.querySelector('p');
			list.push(intro.innerText);
			saveStrings(list, 'intro.txt');
		});
	</script>
</body>
</html>

运行上述程序，单击“保存简介”按钮将会生成一个名为“intro.txt”的文本文件，该文件包含以下内容：

本网页介绍了p5.js中的saveStrings()函数。
注意事项
  • saveStrings()函数只能在p5.js的setup()函数内部调用。
  • 如果filename不包含文件扩展名，则文件扩展名默认为“txt”。
  • 如果指定了extension参数，则必须包含文件扩展名。
  • saveStrings()函数只能在现代浏览器中运行。
参考文献