小编use*_*899的帖子

我想在 html 画布上打印一个表情符号。

可以使用图像来完成，但是很麻烦。有没有更好的办法？

const canvas = document.querySelector("#canvas");
const contex = canvas.getContext("2d");

var img = new Image();
img.src = "emoji.jpg";
img.addEventListener(
  "load",
  () => {
    context.drawImage(img, 0, 0, 200, 200);
  }
);
img.src = "img.jpg";

#canvas {
  background: red;
}

<canvas id="canvas"></canvas>

编辑：

好吧，我认为我的问题被误解了。我能够在画布上将表情符号绘制为图像。我不想那样做。因为在画布上打印之前我必须对所有表情符号进行截图并裁剪它们，这很麻烦。我正在寻找一种更有效的方法。

如问题中所述，假设我有一个带有多个reducer的商店（> 10个Redux状态）。

通常，在组件中，每当我们要从商店访问特定状态时，我们都会执行以下操作：

//only 3 needed states
const mapStateToProps = state => ({
    prop1: state.ReducerOne.prop1,
    prop2: state.ReducerOne.prop2,
    prop3: state.ReducerTwo.prop1,
});

export default connect(mapStateToProps)(MyComponent)

但是，我们只会抛出使组件起作用所需的状态。

mapStateToProps即使不需要使用它们，也可以将商店中的每个单一状态都放入每个组件中吗？性能会受到任何影响吗？

如何在 Nextjs 中编辑Webpack 配置中的localIdentName字段，css-loader以便我可以散列/隐藏/混淆 css 类名？

下面的例子来自纽约时报。注意类名：

如何替换 JSON 字符串中的所有“ ”兄弟姐妹？

{
  "Cat": "laps milk",
  "Dog": "Woofs at Postman",
  "Bird": "Jumps over the river",
  "I": "Want to learn Regexp"
}

顺便说一句，请给我一些好的文章或书籍的建议，我最终可以从中学习 Regexp :(