JavaScript中使用画布实现笑脸火柴人
来源:互联网 发布:淘宝挣钱软件是真的吗 编辑:程序博客网 时间:2024/04/27 21:40
在这之前,根本不知道JavaScript具体到底有多重要,现在才明白JavaScript也很强大,从网上看了几个js写的网页小游戏,我都惊呆了,以后一定要好好学习js。。。。
<!DOCTYPE html><html><head><title></title><script type="text/javascript">function drawAdidas(){ var c=document.getElementById('myCanvas');var cxt=c.getContext('2d');cxt.save();cxt.beginPath(); cxt.arc(100,50,30,0,Math.PI*2,true); cxt.fill(); cxt.beginPath(); cxt.strokeStyle='#c00'; cxt.lineWidth=3; cxt.arc(100,50,20,0,Math.PI,false); cxt.stroke(); cxt.beginPath(); cxt.fillStyle="#c00"; cxt.arc(90,45,3,0,Math.PI*2,true); cxt.fill(); cxt.moveTo(113,45); cxt.arc(110,45,3,0,Math.PI*2,true); cxt.fill(); cxt.stroke(); cxt.moveTo(100,80); cxt.lineTo(100,150); cxt.moveTo(100,100); cxt.lineTo(60,120); cxt.moveTo(100,100); cxt.lineTo(140,120); cxt.moveTo(100,150); cxt.lineTo(80,190); cxt.moveTo(100,150); cxt.lineTo(140,190); cxt.stroke();} window.addEventListener("load",drawAdidas,true);</script></head><body><canvas id="myCanvas" width="230" height="200" style="border:1px solid blue"> Your browser does not support the canvas element.</canvas></body></html>
0 0
- JavaScript中使用画布实现笑脸火柴人
- javascript实现简单画布
- 用Swift实现笑脸
- 趣味编程-JavaScript-使用画布画画canvas
- 使用HTML5画布实现的超棒javascript动画仪表板:gauge.js
- 用python和html5在画布上画个车子和笑脸
- html5中画布的实现演示
- android中自定义画布Canvas的实现
- Silverlight中生动的火柴人动画
- 笑脸
- JavaScript——关于画布元素canvas的使用
- 俄罗斯方块游戏中游戏画布和预显画布的实现
- JavaScript之Canvas画布
- JavaScript Canvas画布
- C#中实现双缓存绘图 虚拟画布
- 俄罗斯方块类的实现以及方块在画布中显示
- Android中画布连线的连线动画的实现
- android 画布,画笔,综合使用,可实现简单的画板
- Android API Guides 阅读笔记(7)----Overview Screen
- 《C/C++/Java/Pascal 程序设计基础》习题集 解题4
- request.getParameterMap()的用法
- 字典树 一种快速插入查询数据结构
- 高斯消元模板
- JavaScript中使用画布实现笑脸火柴人
- 知识储备_计算机操作系统:进程管理
- Delphi中双字节类型存储到整型变量的问题
- FUSE介绍
- leetcode之路020 Valid Parentheses
- EAGAIN、EWOULDBLOCK、EINTR与非阻塞 长连接
- 补齐产品线 NVIDIA发布全新Quadro系列
- UVA10785
- 百度领跑BAT all in O2O机遇大于挑战