html 5中,如何用javascript在canvas里画出一个笑脸?

html-css017

html 5中,如何用javascript在canvas里画出一个笑脸?,第1张

利用基本路径API

注意最后fill或stroke上去后之前缓存的路径信息才会绘制到canvas上去

function drawShape(){

var canvas = document.getElementById('你的canvas的ID')

if (canvas.getContext){

var ctx = canvas.getContext('2d')

ctx.beginPath()

ctx.arc(75,75,50,0,Math.PI*2,true)// 外圆

ctx.moveTo(110,75)

ctx.arc(75,75,35,0,Math.PI,false) // 嘴

ctx.moveTo(65,65)

ctx.arc(60,65,5,0,Math.PI*2,true) //左眼

ctx.moveTo(95,65)

ctx.arc(90,65,5,0,Math.PI*2,true) // 右眼

ctx.stroke()

} else {

alert('你的浏览器不支持html5,请用chrome或火狐safari .')

}

}

html 代码网页的源代码,从菜单栏里的查看就能察看此网页的源代码,就是html代码了

smilies应该是像QQ里面不是有QQ表情,像笑脸啊等的代码

DISCUZ!代码也即是所讲的UBB代码,是一种内置的代码,原理过程是将特定的代码转换成html代码,比如[b][/b]是字体加粗代码,在现实的时候是处理成html的 <b></b>,其实是很简单的。这种代码相对来说比较安全,如果开放html代码的话,对论坛来说会有安全问题。

IMG代码是指类似于UBB代码一样的标记。

网页发帖要视情况而定,都可以的