python画海绵宝宝详细解说_canvas简易绘图的实现（海绵宝宝篇）

最新推荐文章于 2024-05-18 07:42:37 发布
最新推荐文章于 2024-05-18 07:42:37 发布
阅读量2.5k 收藏 4
点赞数 1
文章标签： python画海绵宝宝详细解说

最近在研究canvas，简单的用canvas绘制了一下卡通人物--海绵宝宝。

图片如下：

代码如下：

canvas海绵宝宝

var canvas = document.getElementById("canvas");

var ctx = canvas.getContext("2d");

with(ctx){

//袖子

//左

beginPath();

fillStyle="#fff";

strokeStyle="#000";

lineWidth=2;

bezierCurveTo(142,253,112,263,112,303)

quadraticCurveTo(120,308,150,303)

fill();

stroke();

closePath();

//右

beginPath();

fillStyle="#fff";

strokeStyle="#000";

lineWidth=2;

bezierCurveTo(445,253,477,263,477,303)

quadraticCurveTo(467,308,447,303)

fill();

stroke();

closePath();

//胳膊

//左

beginPath();

fillStyle="#f5e261";

strokeStyle="#000";

lineWidth=2;

moveTo(122,306);

lineTo(110,406);

lineTo(120,406);

lineTo(132,306);

fill();

stroke();

closePath();

//右

beginPath();

fillStyle="#f5e261";

strokeStyle="#000";

moveTo(458,306);

lineTo(470,406);

lineTo(480,406);

lineTo(468,306);

fill();

stroke();

closePath();

//手

//左

//衣服

beginPath();

fillStyle="#fff";

strokeStyle="#000";

lineWidth=5;

shadowColor = "#000";

shadowOffsetX = 0;

shadowOffsetY = 0;

shadowBlur = 0;

moveTo(145,385);

lineTo(146,425);

lineTo(442,425);

lineTo(443,385);

stroke();

fill();

closePath();

//裤子

beginPath();

fillStyle="#ae6f28";

strokeStyle="#000";

moveTo(146,427);

lineTo(147,470);

lineTo(441,470);

lineTo(442,427);

stroke();

fill();

closePath();

//裤子图案

beginPath();

fillStyle="#000";

rect(156,438,60,15);

rect(236,438,120,15);

rect(373,438,60,15);

fill();

closePath();

//裤腿

beginPath();

fillStyle="#ae6f28";

strokeStyle="#000";

lineWidth=2;

moveTo(190,472);

lineTo(190,490);

lineTo(235,490);

lineTo(235,472);

moveTo(350,472);

lineTo(350,490);

lineTo(395,490);

lineTo(395,472);

fill();

stroke();

closePath();

//腿

beginPath();

fillStyle="#fffe71";

strokeStyle="#000";

lineWidth=2;

moveTo(208,491);

lineTo(208,516);

lineTo(218,516);

lineTo(218,491);

moveTo(368,491);

lineTo(368,516);

lineTo(378,516);

lineTo(378,491);

fill();

stroke();

closePath();

//袜子

beginPath();

fillStyle="#fff";

strokeStyle="#000";

lineWidth=2;

moveTo(208,517);

lineTo(207,560);

lineTo(218,560);

lineTo(218,517);

moveTo(368,517);

lineTo(368,560);

lineTo(379,560);

lineTo(378,517);

fill();

stroke();

closePath();

//蓝杠

beginPath();

strokeStyle="#536d92";

lineWidth=4;

moveTo(208,523);

lineTo(218,523);

moveTo(368,523);

lineTo(378,523);

stroke();

closePath();

//红杠

beginPath();

strokeStyle="#da4751";

lineWidth=4;

moveTo(209,530);

lineTo(218,530);

moveTo(369,530);

lineTo(378,530);

stroke();

closePath();

//领带

beginPath();

strokeStyle="#000";

lineWidth=5;

fillStyle="#ef4641";

moveTo(270,385);

lineTo(320,385);

lineTo(298,413);

lineTo(292,413);

lineTo(270,385);

moveTo(292,415);

lineTo(280,446);

lineTo(295,462);

lineTo(310,446);

lineTo(298,415);

stroke();

fill();

closePath();

//领子

beginPath();

strokeStyle="#000";

fillStyle="#fff";

moveTo(280,393);

lineTo(265,410);

lineTo(218,385);

moveTo(310,393);

lineTo(325,410);

lineTo(362,385);

stroke();

fill();

closePath();

//脸

beginPath();

strokeStyle="#818620";

fillStyle="#f5e262";

lineWidth=5;

bezierCurveTo(140,50,150,60,160,50);

quadraticCurveTo(170,40,180,50);

quadraticCurveTo(190,60,200,50);

quadraticCurveTo(210,40,220,50);

quadraticCurveTo(230,60,240,50);

quadraticCurveTo(250,40,260,50);

quadraticCurveTo(270,60,280,50);

quadraticCurveTo(290,40,300,50);

quadraticCurveTo(310,60,320,50);

quadraticCurveTo(330,40,340,50);

quadraticCurveTo(350,60,360,50);

quadraticCurveTo(370,40,380,50);

quadraticCurveTo(390,60,400,50);

quadraticCurveTo(410,40,420,50);

quadraticCurveTo(430,60,440,50);

quadraticCurveTo(450,40,460,50);

quadraticCurveTo(465,60,460,70);

quadraticCurveTo(450,80,460,90);

quadraticCurveTo(468,100,458,110);

quadraticCurveTo(446,120,456,130);

quadraticCurveTo(466,140,456,150);

quadraticCurveTo(444,160,454,170);

quadraticCurveTo(464,180,454,190);

quadraticCurveTo(442,200,452,210);

quadraticCurveTo(462,220,452,230);

quadraticCurveTo(440,240,450,250);

quadraticCurveTo(460,260,450,270);

quadraticCurveTo(438,280,448,290);

quadraticCurveTo(458,300,448,310);

quadraticCurveTo(436,320,446,330);

quadraticCurveTo(456,340,446,350);

quadraticCurveTo(434,360,444,370);

quadraticCurveTo(454,380,444,390);

quadraticCurveTo(435,405,424,390);

quadraticCurveTo(415,380,405,390);

quadraticCurveTo(395,400,385,390);

quadraticCurveTo(375,380,365,390);

quadraticCurveTo(355,400,345,390);

quadraticCurveTo(335,380,325,390);

quadraticCurveTo(315,400,305,390);

quadraticCurveTo(295,380,285,390);

quadraticCurveTo(275,400,265,390);

quadraticCurveTo(255,380,245,390);

quadraticCurveTo(235,400,225,390);

quadraticCurveTo(215,380,205,390);

quadraticCurveTo(195,400,185,390);

quadraticCurveTo(175,380,165,390);

quadraticCurveTo(155,400,145,390);

quadraticCurveTo(135,380,145,370);

quadraticCurveTo(153,360,143,350);

quadraticCurveTo(133,340,143,330);

quadraticCurveTo(151,320,141,310);

quadraticCurveTo(131,300,141,290);

quadraticCurveTo(149,280,139,270);

quadraticCurveTo(129,260,139,250);

quadraticCurveTo(147,240,137,230);

quadraticCurveTo(127,220,137,210);

quadraticCurveTo(145,200,135,190);

quadraticCurveTo(125,180,135,170);

quadraticCurveTo(143,160,133,150);

quadraticCurveTo(123,140,133,130);

quadraticCurveTo(141,120,131,110);

quadraticCurveTo(121,100,131,90);

quadraticCurveTo(139,80,129,70);

quadraticCurveTo(119,60,129,50);

quadraticCurveTo(137,45,140,50);

stroke();

fill();

closePath();

//眼睛

beginPath();

strokeStyle="#000";

fillStyle="#fff";

arc(249,180,45,0,Math.PI*2,true);

arc(341,180,45,0,Math.PI*2,true);

stroke();

fill();

closePath();

//眼仁

beginPath();

strokeStyle="#000";

fillStyle="#50d1f1";

arc(255,180,18,0,Math.PI*2,true);

stroke();

fill();

closePath();

beginPath();

strokeStyle="#000";

fillStyle="#50d1f1";

arc(335,180,18,0,Math.PI*2,true);

stroke();

fill();

closePath();

//眼球

beginPath();

strokeStyle="#000";

fillStyle="#000";

arc(255,180,10,0,Math.PI*2,true);

stroke();

fill();

closePath();

beginPath();

strokeStyle="#000";

fillStyle="#000";

arc(335,180,10,0,Math.PI*2,true);

stroke();

fill();

closePath();

//眼睫毛

beginPath();

lineWidth=6;

strokeStyle="#000";

moveTo(210,122);

lineTo(223,142);

moveTo(247,112);

lineTo(247,133);

moveTo(283,117);

lineTo(270,140);

moveTo(307,120);

lineTo(320,140);

moveTo(344,112);

lineTo(344,133);

moveTo(380,120);

lineTo(365,140);

stroke();

closePath();

//嘴角

beginPath();

fillStyle="#fdd06b"

lineWidth=3;

strokeStyle="#ca5939";

moveTo(190,230);

bezierCurveTo(160,175,265,190,230,230);

stroke();

fill();

closePath();

beginPath();

fillStyle="#fdd06b"

lineWidth=3;

strokeStyle="#ca5939";

moveTo(350,230);

bezierCurveTo(325,175,435,190,395,230);

stroke();

fill();

closePath();

//牙

beginPath();

strokeStyle="#000";

lineWidth=2;

fillStyle="#fff";

moveTo(275,272);

lineTo(275,292);

lineTo(295,292);

lineTo(295,272);

moveTo(300,272);

lineTo(300,292);

lineTo(320,292);

lineTo(320,271);

//rect(297,252,20,20);

fill();

stroke();

closePath();

//嘴

beginPath();

strokeStyle="#000";

lineWidth=3;

bezierCurveTo(210,220,290,340,380,220);

stroke();

closePath();

beginPath();

strokeStyle="#000";

lineWidth=2;

bezierCurveTo(205,225,205,215,220,220);

stroke();

closePath();

beginPath();

strokeStyle="#000";

lineWidth=2;

bezierCurveTo(370,220,380,215,385,225);

stroke();

closePath();

//鼻子

beginPath();

strokeStyle="#000";

lineWidth=3;

fillStyle="#f5e262";

moveTo(290,215);

bezierCurveTo(265,170,340,185,300,225);

stroke();

fill();

closePath();

//下巴

beginPath();

strokeStyle="#cb662e";

lineWidth=2;

bezierCurveTo(250,305,270,330,290,310);

quadraticCurveTo(300,305,310,310);

quadraticCurveTo(330,330,350,305);

shadowColor = "#cb662e";

shadowOffsetX = 0;

shadowOffsetY = -3;

shadowBlur = 10;

stroke();

closePath();

//雀斑

beginPath();

fillStyle="#bf7627";

arc(197,205,2,0,Math.PI*2,true);

fill();

closePath();

beginPath();

fillStyle="#bf7627";

arc(210,214,2,0,Math.PI*2,true);

fill();

closePath();

beginPath();

fillStyle="#bf7627";

arc(218,207,2,0,Math.PI*2,true);

fill();

closePath();

beginPath();

fillStyle="#bf7627";

arc(367,205,2,0,Math.PI*2,true);

fill();

closePath();

beginPath();

fillStyle="#bf7627";

arc(390,206,2,0,Math.PI*2,true);

fill();

closePath();

beginPath();

fillStyle="#bf7627";

arc(380,213,2,0,Math.PI*2,true);

fill();

closePath();

//皮鞋

//左

beginPath();

strokeStyle="#000";

fillStyle="#000";

lineWidth=4;

shadowColor = "#000";

shadowOffsetX = 0;

shadowOffsetY = 0;

shadowBlur = 0;

arc(180,577,11,0,Math.PI*2,true);

bezierCurveTo(185,560,197,575,207,560);

moveTo(207,560);

lineTo(217,560);

quadraticCurveTo(227,570,217,585);

quadraticCurveTo(197,580,180,585);

quadraticCurveTo(207,561,185,570);

rect(207,585,10,4)

stroke();

fill();

//ctx.rotate( m * Math.PI / 180)

closePath();

//右

beginPath();

strokeStyle="#000";

fillStyle="#000";

lineWidth=4;

shadowColor = "#000";

shadowOffsetX = 0;

shadowOffsetY = 0;

shadowBlur = 0;

arc(405,577,11,0,Math.PI*2,true);

bezierCurveTo(400,560,388,575,378,560);

moveTo(378,560);

lineTo(368,560);

quadraticCurveTo(358,570,368,585);

quadraticCurveTo(388,580,405,585);

quadraticCurveTo(422,561,400,570);

rect(368,585,10,4)

stroke();

fill();

//ctx.rotate( m * Math.PI / 180)

closePath();

//白点

beginPath();

strokeStyle="#f5e262";

fillStyle="#c4b127";

fill();

EvenCompEllipse(ctx, 160, 100, 10, 15);

EvenCompEllipse(ctx, 150, 150, 5, 7);

EvenCompEllipse(ctx, 200, 320, 7, 10)

EvenCompEllipse(ctx, 225, 350, 11, 16)

EvenCompEllipse(ctx, 425, 120, 11, 16)

EvenCompEllipse(ctx, 410, 320, 9, 12)

EvenCompEllipse(ctx, 380, 340, 6, 9)

closePath();

}

function EvenCompEllipse(ctx, x, y, a, b)

{

ctx.save();

//选择a、b中的较大者作为arc方法的半径参数

var r = (a > b) ? a : b;

var ratioX = a / r; //横轴缩放比率

var ratioY = b / r; //纵轴缩放比率

ctx.scale(ratioX, ratioY); //进行缩放(均匀压缩)

ctx.beginPath();

//从椭圆的左端点开始逆时针绘制

ctx.moveTo((x + a) / ratioX, y / ratioY);

ctx.arc(x / ratioX, y / ratioY, r, 0, 2 * Math.PI);

ctx.closePath();

ctx.stroke();

ctx.fill();

ctx.restore();

};

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

weixin_40009099
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
canvas简易绘图的实现（海绵宝宝篇）
09-27
主要介绍了canvas简易绘图的实现（海绵宝宝篇），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Python实战：用Turtle库一键画出海绵宝宝详细步骤 ！零基础小白也能学得会 ！
python03012的博客
12-01 4398
本文详细阐述了Python画海绵宝宝程序的实现步骤，让大家能够通过自己的努力来实现绘制这个可爱的卡通形象。同时也介绍了一些常见的turtle库的绘图函数及其使用方法，希望本文能够帮助大家更好地掌握Python的绘图技能。
HTML静态网页成品作业(HTML+CSS)——动漫海绵宝宝介绍网页设计制作(3个页面)
最新发布
weixin_42283461的博客
05-18 920
HTML静态网页成品作业(HTML+CSS)——动漫海绵宝宝介绍网页设计制作(3个页面)
Python绘图项目之海绵宝宝
mate1357的博客
10-23 2598
开发工具：pycharm开发环境：python3.7， Windows10使用工具包：turtle1、明确turtle基本配置。在确定画框的高度以及画笔的大小，还有对应画框标题和画笔运行的速度。2、首先调整画笔位置，找到对应原点位置。3、逐步画出海绵宝宝的身体部件。画出海绵宝宝的头部海绵，选取对应宽度，坐标大小可自行调整 定位的函数可以重复使用，海绵宝宝周围为波浪线，添加上对应的弧度，添加上黄色。给海绵宝宝添加上面部表情，眼睛的数据多为圆弧，鼻子为小倒勾尺寸可自行调整。
初学python turtle简单绘制海绵宝宝
m0_53742986的博客
07-24 6054
巨简单的海绵宝宝绘制方法，只需知道这几行语法。t.seth()设置角度。t.circle()画圆。t.fd()画笔向前。
其实python真的很简单！今天就教会你，用Python画哆啦A梦、海绵宝宝、皮卡丘、史迪仔！附上源码，不信你还学不会！
2301_78094860的博客
05-11 7417
【代码】其实python真的很简单！今天就教会你，用Python画哆啦A梦、海绵宝宝、皮卡丘、史迪仔！附上源码，不信你还学不会！
Python库 | streamlit_drawable_canvas-0.5.1-py3-none-any.whl
04-04
资源分类：Python库 所属语言：Python 资源全名：streamlit_drawable_canvas-0.5.1-py3-none-any.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
基本画线实现算法.rar_c builder_c++ builder canvas_canvas_pen_画线
09-22
新建一个C++Builder项目 设置Form1的font为“宋体，小五” 在Form1中添加一个TRadioGroup组件rgDrawWhat供选择画什么图形；添加一个Tbutton组件colorBtn和一个TcolorDialog组件ColorDialog1；添加一个TImage组件...
HTML5_canvas_Web.rar_canvas_canvas html5_canvas 绘图_html5_html5 c
09-19
3. **绘图基础**：一旦有了2D渲染上下文，就可以开始画线、填充形状、绘制文本等。例如，`moveTo()` 和 `lineTo()` 方法用于绘制线条，`fillRect()` 用于填充矩形，`strokeRect()` 用于描边矩形。 ```javascript ...
Turtle库入门案例：Python一键画出海绵宝宝小可爱！！
热门推荐
顾木子吖的博客
08-12 1万+
前文 嗨！！编程的小伙伴儿大家好，木木子又来了，不知道大家又没看我的文章得出一个结论，那就是木木子很喜欢一些有代码的文章，像：画图的 哈哈哈 自从学了python ，画图跟游戏项目的是必不可少的一个环节。 Turtle库是真的真的很好用！！！ 今天带大家看看童年的经典，海绵宝宝跟派大星看过没？ 我看过，是不是有点儿暴露年龄了！哈哈哈 话不多说，开始画图啦！ 环境安装： 开发工具：pycharm 开发环境：python3.7， Windows10 使用工具包：turtle 海绵宝...
用Python画海绵宝宝
m0_69169435的博客
05-07 9247
from turtle import * def go_to(x, y): penup() goto(x, y) pendown() def help_do(): go_to(-400, 0) forward(800) go_to(-400, 100) forward(800) go_to(-400,200) forward(800) go_to(-400, -100) forward(800) go_to(...
用Python的turtle库画柯南.py
12-23
上学期，我们专业学了Python的turtle库，自己花了一两天画了张柯南出来，大家可以看看，蛮有意思的！就是没有上彩色，但我自己认为还是挺完美的，当然也欢迎大家对我的代码进行改进。最后呢，我的运行环境是Anaconda3-5.2.0-Windows-x86_64
Python_Programming_An_Introduction to computer science
10-11
Python_Programming_An_Introduction to computer science
海绵宝宝的源代码相框 可以任意到位置
11-02
海绵宝宝的相框
python简单代码
07-09
小猪佩奇简笔画；Python源程序；图个乐；挺好玩；很有趣
海绵宝宝（算法优化问题）
12-03
通过计算海绵宝宝能力值与章鱼触手直径模拟最优雇佣方案
用Python海龟画图画海绵宝宝 | 附完整代码
qq_41314882的博客
12-06 1300
当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照下面的知识点去找对应的学习资源，保证自己学得较为全面。观看全面零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。工具都帮大家整理好了，安装就可直接上手！若有侵权，请联系删除。
python 波浪_Python的另类用法，使用Turtle绘制卡通人物“海绵宝宝”
weixin_39796652的博客
12-07 8414
获取方式在文末！！！前言：Turtle库，在绘画方面还是挺好玩的，不仅能绘制各种各样的卡通人物，还能画出各种彩色画。只要你想的到，没有它做不到的。不过还是有的，比如画个妹子出来。下面看一下卡通人物“海绵宝宝”是怎么绘制出来的，先画出头部、眼睛、鼻子、嘴巴、裤子、红领带、腿以及手。效果图如下：一、绘制头部导入turtle库，设置画笔大小，填充颜色。二、绘制身体利用for循环，绘制海绵宝宝的外形，四个...
python画海绵宝宝
04-23
可以使用Python中的turtle模块来画海绵宝宝。下面是一个简单的示例代码： ```python import turtle # 创建画布和画笔 canvas = turtle.Screen() pen = turtle.Turtle() # 设置画笔属性 pen.pensize(4) pen.color...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值