用canvas画一颗树顶有雪的松树

今下午没事，于是练习画了一颗松树，我的方法比较简单粗暴，不知道有没有更优雅的画法，等我找到了再贴上来。先看效果图：

代码如下：

画一颗松树

var c = document.getElementById(‘myCanvas’);
var ctx = c.getContext(“2d”);

ctx.beginPath();
ctx.moveTo(200,50);
ctx.lineTo(150,100);
ctx.lineTo(180,100);
ctx.lineTo(120,160);
ctx.lineTo(160,160);
ctx.lineTo(90,240);
ctx.lineTo(310,240);
ctx.lineTo(240,160);
ctx.lineTo(280,160);
ctx.lineTo(220,100);
ctx.lineTo(250,100);
ctx.lineTo(200,50);
ctx.fillStyle="green";
ctx.fill();
ctx.lineWidth=4;
ctx.stroke();
ctx.closePath();
//画树冠ctx.beginPath();
ctx.fillStyle="#783b12";
ctx.fillRect(180,240,40,80);
ctx.lineWidth=4;
ctx.strokeRect(180,240,40,80);//矩形秒边框
ctx.closePath();
//画树干ctx.beginPath();
ctx.moveTo(200,50);
ctx.lineTo(183,70);
ctx.lineTo(195,65);
ctx.lineTo(200,80);
ctx.lineTo(205,65);
ctx.lineTo(218,70);
ctx.fillStyle= "#fff";
ctx.fill();
ctx.closePath();
//画树顶的雪

用canvas画一颗树顶有雪的松树相关推荐

python实现画一颗树和一片森林
python实现画一颗树和一片森林实现效果代码在这里 from turtle import Turtledef tree(plist, l, a, f):""":pa ...
用python绘制树和森林_python实现画一颗树和一片森林
本文实例为大家分享了python画一颗树和一片森林的具体代码,供大家参考,具体内容如下实现效果代码在这里 from turtle import Turtle def tree(plist, l, ...
用python画树林_python实现画一颗树和一片森林
本文实例为大家分享了python画一颗树和一片森林的具体代码,供大家参考,具体内容如下实现效果代码在这里 from turtle import Turtle def tree(plist, l, ...
粒子系统（一）：从零开始画一颗树
准备 IDE:VisualStudio 2017 Language:VB.NET / TypeScript 图形API:Win2D Github:[ UWP ] [ TypeScript ] 本文将向 ...
canvas实现一颗树的生长到开花
最近看了一些很牛逼的特效,有位大神用canvas绘制的梦幻大树,深深的震撼了我,超级厉害,于是我也准备尝试着去实现,可能脑子不够用,总是无法实现他那样的梦幻效果,最终只好退而求其次,实现了下面的这种 ...
java代码怎么打印松树_用JAVA画一颗树(Applet)
1.松树: import java.awt.*; import java.applet.*; public class Tree extends Applet { public void paint( ...
java 画树_用JAVA画一颗树(Applet)
1.松树: import java.awt.*; import java.applet.*; public class Tree extends Applet { public void paint( ...
canvas 画点_css+canvas 随便画一个星空
今天躺在床上刷抖音的时候,看见了一个马克笔随便画星空的视频,很有意思. 先看效果: 开始需求分析: 1.渐变色的背景 2.画一颗树和一些草 3.水面的倒影 4.随便画点星星 5.画一颗流星 1.渐变色 ...
openlayers中使用rBush(R树）来存放要素等信息，本文修改了一点其中的rbush源码中的demo，使用canvas画出了insert和delete操作（建立树和删除树中数据）
openlayers中使用rBush(R树)来存放要素等信息,本文修改了一点其中的rbush源码中的demo,使用canvas画出了insert和delete操作(建立树和删除树中数据) 修改后的源代 ...

用canvas画一颗树顶有雪的松树

用canvas画一颗树顶有雪的松树相关推荐

最新文章

热门文章