我可以插入依赖于 HTML 页面上值的笑脸动画吗?

Question

有没有办法在HTML页面上插入笑脸动画，它的笑脸取决于一个值？我有一些来自朴素贝叶斯分类器的 -1 和 1 之间的值，它们分别对应于消极和积极情绪。是否可以在笑脸上可视化这种情绪，这意味着如果值接近 -1，则面部将悲伤:(或者如果接近 1，脸会很高兴:)..？

谢谢。

Answer 1

假设你不想做任何服务器端工作，我能想到的唯一选择是使用HTML5画布。如果你不知道那是什么，你首先需要阅读一些关于它的信息，以及如何使用 JavaScript 在上面画东西。

第一步是绘制表情符号的静态部分（即面部和眼睛的边框等）。您可能会将其按图像放置在画布上。有关如何执行此操作的示例：

var ctx = document.getElementById('canvas').getContext('2d');
var img = new Image();
img.src = 'images/face.png';
img.onload = function() {
    ctx.drawImage(img, 0, 0); //draws img where its left-upper corner is at 0, 0
};

然后，要绘制微笑曲线，您需要使用贝塞尔曲线。您只需根据您的值正确移动控制点即可。以下是有关如何在画布上绘制贝塞尔曲线的教程：链接

希望以任何方式有所帮助！