Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我可以根据HTML页面上的值插入笑脸动画吗?_Html_Animation_Graphics_Visualization_Emoticons - Fatal编程技术网

我可以根据HTML页面上的值插入笑脸动画吗?

我可以根据HTML页面上的值插入笑脸动画吗?,html,animation,graphics,visualization,emoticons,Html,Animation,Graphics,Visualization,Emoticons,有没有办法在HTML页面上插入一个笑脸动画,哪个笑脸取决于一个值?我从一个朴素贝叶斯分类器中得到了一些介于-1和1之间的值,它们分别对应于消极情绪和积极情绪。有没有可能在笑脸上想象这种情绪,也就是说,如果值接近-1,脸就会悲伤:(或者如果值接近1,脸就会高兴:) 谢谢。假设您不想做任何服务器端工作,那么我能想到的唯一一个客户端选择就是使用HTML5画布。如果您不知道这是什么,您首先需要阅读一些关于它的内容,以及如何使用JavaScript在上面绘制东西 第一步是绘制表情符号的静态部分(即脸和眼睛

有没有办法在HTML页面上插入一个笑脸动画,哪个笑脸取决于一个值?我从一个朴素贝叶斯分类器中得到了一些介于-1和1之间的值,它们分别对应于消极情绪和积极情绪。有没有可能在笑脸上想象这种情绪,也就是说,如果值接近-1,脸就会悲伤:(或者如果值接近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
};
然后,要绘制微笑曲线,需要使用贝塞尔曲线。您只需根据您的值正确移动控制点。以下是关于如何在画布上绘制贝塞尔曲线的教程:


希望这对我有所帮助

你能澄清一下你是想要两张可能的脸,还是一张随着你的值从-1变为1,微笑曲线逐渐变化的脸?我真的不明白你在问什么。。。当然,在一种情况下显示一个图像是可能的,在另一种情况下显示另一个图像是可能的——但是你给了我们虚拟的东西,因为我们不清楚。是的,我想要一张脸,其中的笑脸曲线随着值从-1移动到1而逐渐变化。谢谢,谢谢!这确实很有帮助。