自画像（抽象）

于 2023-12-23 00:00:00 发布
阅读量26 收藏
点赞数
文章标签： canva可画 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pig_pig7/article/details/135130961
版权 
<!DOCTYPE HTML>
<html>
<body>

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.beginPath();
cxt.arc(250,200,100,0,2*Math.PI);
cxt.moveTo(180,160);
cxt.lineTo(210,150);
cxt.moveTo(330,160);
cxt.lineTo(300,150);
cxt.moveTo(195,160);
cxt.lineTo(195,180);
cxt.moveTo(315,160);
cxt.lineTo(315,180);
cxt.moveTo(250,200);
cxt.lineTo(250,230);
cxt.lineTo(245,230);
cxt.moveTo(230,260);
cxt.lineTo(270,260);
cxt.moveTo(150,80);
cxt.lineTo(170,150);
cxt.moveTo(250,50);
cxt.lineTo(230,100);
cxt.moveTo(340,150);
cxt.lineTo(360,80);
cxt.stroke();

</script>

</body>
</html>

头秃患者77
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Processing编程自画像
QianQing_mio的博客
11-04 5040
Processing绘制自画像 选色构图 在绘制自画像之前首先需要抽象自己的形象，这里 我将长发作为自己的主要抽象特征。 选用的颜色为暖色系，如下图 贝塞尔曲线的使用 在画自画像中多次用到了贝塞尔曲线，这里简单介绍一下用法 用“贝塞尔”工具无论是画直线或是曲线，都非常简单，随手可得。其操作特点是通过用鼠标在面板上放置各个锚点，根据锚点的路径和描绘的先后顺序，产生直线或者是曲线的效果。 我在这里...
创意自画像
小白
11-09 1481
1.实验内容： 用代码绘制自画像。 2.实验成果： 3.实验步骤： 首先我先定义了一些颜色方便之后使用： 然后初始化一些东西： 首先从最底层开始画，这样之后画的东西会遮挡一部分所以可以不用在边缘太过细致考虑，节省了时间： 首先是尾巴： 然后画脸的轮廓： 身子: 阴影和多余线条： 脸： 手爪： ...
CodeSelfPortrait：使用p5.js的自画像代码
02-09
P5.js的代码自画像 通过阿什利李 总览 这是我使用P5.js自画像的代码 技术细节 修改sketch.js setup（）和draw（）函数以向肖像添加更多功能。
p5.js 码绘第二弹———绘制自画像
weixin_43425465的博客
10-29 657
创作过程 对，一切创作都是要有其灵感及起因（比如要完成实验）的，最初是速写课画了线稿，信誓旦旦地以为可以用p5实现，结果还是被现实打醒，盲猜坐标式画图，还想上天是咋？？ 俺的线稿，真是觉得自己是神仙呢想画这个样子，那最后的成品是什么样呢？？直接放图↓↓↓ 嗯，变大头贴了，真的画不动了（寿终正寝.jpg），配色比较大胆，可能眼睛不太好，需要饱和度高的颜色进行视觉冲击，但真的努力还原了，就觉得还行...
创意编程——自画像
一只黍离
11-03 1090
基于processing实现 目录绘制猫猫粒子交互鼠标（按键与滚轮）绘制色块猫眼样式改变下方按钮功能自动填充更改随即填充范围 **最终效果演示（已把自己脸马赛克）** 绘制 猫猫 这是一个猫猫脸饰，绘制方法如下，eyes用于绘制眼睛，whisker用于绘制胡须： void eyes(){ float r1 = dist(mouseX+(0),mouseY+(-0),width/2-(40)...
自画像
qq_42208866的博客
12-23 165
按照校园卡设计 首先构造出校园卡模型 function card(){ fill(100,255,0); rect(250,250,400,300); fill(0,0,0); rect(250,180,400,70); fill(255,255,255); rect(110,300,100,150); } 再在框里加入人物模型 function human(){ //脸 fill(210,18...
BAT大数据电商画像实战.rar
08-19
3. **用户画像构建**：用户画像是一种抽象的、代表用户特征的数据模型，通过整合多源数据，形成对用户的全面理解。课程会讲解如何构建用户标签体系，包括基本属性、行为特征、兴趣偏好等方面，以及如何使用机器学习...
基于用户画像的信息智能推送方法
10-16
该方法将用户抽象为结构化信息本体，通过构建行为－主题、主题－词汇及行为－词汇三位一体的数学模型，研究基于用户画像的信息本体提取方法。采用包含对象、时间、地点、内容、行为和重返次数六方面内容的事件描述法...
900个网络头像打包
10-23
2. **多样性**：900个头像的多样性和数量意味着涵盖广泛的设计元素，包括人物、动物、抽象艺术、插画、风景、职业符号等，可以适应各种场景和用户的喜好。 3. **适用性**：这些头像适用于多种用途，如填充测试数据...
通用数据标签体系设计方案
06-22
在指标与标签的关系上，指标通常是业务层面的定量数据，如销售额、用户活跃度等，而标签是对这些指标的进一步解读和抽象，比如“高消费能力用户”或“活跃用户”。标签与画像的关系则更加密切，用户画像就是通过对...
p5.js+创意编程-自画像
here_0199的博客
11-04 1195
绘制自画像 确定样式 网格值对于确定图案的坐标点有很大作用，初步在网格纸上手绘自画Q版人物，只进行轮廓的勾画和变形，对于一些细节不进行处理。 编程实现 主要使用的方法： beginShape(); vertex(30, 20); bezierVertex(80, 0, 80, 75, 30, 75); bezierVertex(50, 80, 60, 25, 30, 20); en...
P5-自画像
qq_42247653的博客
11-04 341
应老师作业要求，通过p5的webeditor完成了一幅自画像（抽象） 本着自己的隐喻想法以及想在代码里实现费娜奇镜的效果，做出了下面的效果 效果图（gif有延迟，动态效果没有很好地体现出来）： 具体实现如下： function setup() { createCanvas(500, 500) } function draw(): 全部实现逻辑在draw内完成，没有进行函数封...
码绘动态创意自画像
TimeTraver2的博客
11-04 189
码绘动态创意自画像使用的基本知识实现代码代码结果 使用的基本知识 random(a,b)\随机生成a,b间的数字 ellipse(m,n,a,b);\以m,n为圆心生成长a宽b的椭圆 stroke();\图形边缘线的颜色; fill();\填充颜色 line(a1,b1,a2,b2);\生成a1,b1至a2,b2的直线 mousePressed();\鼠标按下响应 mouseReleased();...
P5.js绘制自画像
weixin_44774211的博客
11-03 852
P5.js绘制自画像 作品初稿展示 绘制图像 自画像的头发是用一个椭圆和一个长方形构成的 其中椭圆用到了ellipse() ellipse(200,125,160,170); //ellipse(x,y,w,h); 长方形用到的是vertex()函数 其中vertex的几个点要按顺序写，不然出来的图形是不一样的。 vertex(120,130); vertex(120,300); v...
“码绘” —— 使用P5.JS制作一幅自画像
要变强
10-26 1424
关于自画像，我认为最重要的是要把“我”这个人的特点表现出来。 于是，我的基本想法： 1.是一个长发齐肩的女生，有着中分的刘海 2.是一个追星少女 关于第一点还是比较好实现的，就是外形的塑造。 那么第二点要怎样表现出来呢？ 那当然就是一些周边和应援物了！ 日常生活中，如果我们书包上扣着某明星的徽章，那么我们就会知道“原来她是XXX的粉丝呀！” 所以我选择在自画像的绘制中加入应援棒和周边T恤，这样我的...
Processing实现绘制自画像
weixin_44239354的博客
10-20 5701
关于自画像创作 · 自画像的创作主要分以下几个步骤： 工具准备 轮廓构建 颜色填充 形状修正 背景构建 交互构建 工具准备 关于工具准备是指方便构图而使用的一些代码，比如： println(mouseX+" "+mouseY); 可以比较方便地获取屏幕上的坐标位置，方便修改。 另外由于人脸部分的绘图需要用到曲线（我用的比较多的是贝塞尔曲线），我选择将贝塞尔曲线可视化出来...
p5.js（2）自画像“码绘”
weixin_44350798的博客
11-04 1202
一件编程创意作品，必须实现动态效果或交互效果 作品可以是具象化地描绘自己的形象，也可以是任何形式表现自己的兴趣、追求、特色、经历等
创意编程2-自画像
J_George的博客
11-04 617
实现的效果如下图： 一开始先是对人物的构造： function person(){ fill(205,170,125);//头 rect(250,130,120,90,80); rect(250, 170, 120, 70); circle(305,170,30)//耳朵 circle(190,170,30) rect(250, 220, 4...
自画像之混乱编码（Obfuscated code for Selfie）
志明的博客
11-12 267
Obfuscated code for Selfie 到一个新地方，免不了作自我介绍。一个工科男就用C代码作一个自画像吧。（代码参照[1]，做了一些适配） int main() { int a, b, c; for (c = 10, b = 0; a = &quot;#{#g$$$$$$$$$$$R/$)$$M9$$I$$9$%G@EBCEAF$$=I;L9M$$\ 7N5S1$$R3T12&amp;amp;...
网易大数据用户画像.pdf
03-04
用户画像是一种将用户信息进行结构化处理和抽象化的技术，它可以将用户的各种特征、行为、偏好等信息整合为标签，以帮助企业更精准地理解和预测用户需求。 在这个实践中，网易积累了亿级的用户数据，包括活跃账号、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值