叶雨梧桐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://blog.gt520.com/qdbj/95.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 楚狂人博客: 很久没看到博主新文章了,等待
  • 啊啊: 如果对象是隐藏的话还是不行
  • 通古思: PHP是世界上最好的语言!
  • 森七: 想转去ty,收藏了贵站肯定会用到 make
  • 寻芜兮: 博主您好,您写的《Xshell 进行科学上网的正确姿势》中图片已经挂掉了,可以再补档一次吗。
  • 天津网站建设: 感谢博主分享
  • 博客大全: 钻研精神会让你学到更多,加油!
  • 麦麦米: 不错的文章呢
  • 薇洛迪兰: 应该是服务器的问题吧
  • 关于我们: 弱弱的问下博主,接受友情链接吗?
归档