p5.js语法手册资料篇-storeItem()

84 阅读1分钟

说明

storeItem()函数用于在浏览器的本地存储中以键名存储给定值。本地存储在浏览会话之间保持不变,即使重新加载页面后也可以存储值。

它可用于保存非敏感信息,例如用户首选项。不应存储诸如个人信息之类的敏感数据,因为此存储易于访问。

范例

图82.gif

function setup() { 
  createCanvas(400, 300); 
  fill("green"); 
  text("在画布任意位置点击生成一个圆", 10, 20); 
  text("页面刷新后会显示上一次页面最后生成的圆", 10, 40); 
  oldX = getItem('xpos'); 
  oldY = getItem('ypos'); 
  if (oldX != null && oldY != null) 
    circle(oldX, oldY, 100); 
} 
function mouseClicked() { 
  clear(); 
  fill("green"); 
  text("在画布任意位置点击生成一个圆", 10, 20); 
  text("页面刷新后会显示上一次页面最后生成的圆", 10, 40); 
  posX = mouseX; 
  posY = mouseY; 
  circle(posX, posY, 100); 
  storeItem('xpos', posX); 
  storeItem('ypos', posY); 
}
new p5();

语法

storeItem(key, value)

参数

key

键名,最好有辨识度,防止和其他用户的键名一致,导致数值被更新。

value

String|Number|Object|Boolean|p5.Color|p5.Vector

【社群】P5JS语法手册 - 乐述云享 (aleshu.com)