如何使用p5.js绘制所有表情符号

Question

我试着在p5.js画布上画表情符号。但在windows平台上，有些表情只显示它们的轮廓。(例如☀??)当我使用时，我可以在html元素上显示，但不能在p5.js画布上显示。有没有既好又简单的方法可以在窗口中正确显示表情符号？

Answer 1

Live Code Example

确保你正确使用表情符号，最简单的方法是复制from Emojipedia。(您也可以通过按住Windows键+键入这些表情符号。(句点)(如果是在Windows上)

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  textSize(64);
  textAlign(CENTER)
  text('???', width/2, height/2);
  text('☀️?️?', width/2, height/2 + 100);
}

记住，在幕后，p5.js库就是一个库。这意味着它可以很容易地转换为普通的this，所以你可以在html <canvas>中搜索如何绘制表情符号，然后你就会找到javascript。但是，这不应该被标记为重复，因为与只使用ctx.相比，p5js有不同的命令来显示它。