叶雨梧桐BLOG

Html实例---画心

发布时间:2013年11月7日 / 分类:前端笔记 / 吐槽

实例要求:使用html中的canvas描绘一颗红心的图像。

1.关键代码

<canvas id="hert" width="200" height="200"></canvas>
<script type="text/javascript">
var c=document.getElementById("hert");
var cxt=c.getContext("2d");
cxt.beginPath();
cxt.fillStyle='red';
cxt.strokeStyle='red';
cxt.moveTo(75,40);
cxt.bezierCurveTo(75,37,70,25,50,25);
cxt.bezierCurveTo(20,25,20,62.5,20,62.5);
cxt.bezierCurveTo(20,80,40,102,75,120);
cxt.bezierCurveTo(110,102,130,80,130,62.5);
cxt.bezierCurveTo(130,62.5,130,25,100,25);
cxt.bezierCurveTo(85,25,75,37,75,40);
cxt.fill();
cxt.stroke();
</script>

2.效果(以上代码表现)

标签:php

版权声明:除特殊注明外,均由叶雨梧桐原创,转载请保留文章出处;
本文链接:http://gt520.com/qdbj/95.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 荆棘鸟: 请教博主 评论自动发邮件怎么弄 我的域名邮箱老是配置不成功咋回事?
  • thornbird: 为何这样麻烦 直接安装LNMP即可
  • 态度xiaomi: 支持下
  • 梦青年: 我的网站下线了,你可以把我的友链去掉了,感谢多年的支持和关注~ 梦青年。
  • 便宜VPS: 已添加贵站链接,我站:https://www.vultrclub.com,站:便宜VPS
  • vultr: 朋友 交换链接吗
  • 罗小黑: py小白看不懂啊! Traceback (most recent call last): ...
  • 罗小黑: 安装出错,下面无法继续 >>> pip install MySQL-python Synt...
  • 一抹阳光: 学习了(ಡωಡ)
  • wu先生: 我来了。
归档