本文简介
点赞 + 关注 + 收藏 = 学会了
本文的目标是和各位工友一起有序的快速上手 p5.js ，会讲解 p5.js 的基础用法。
本文会涉及到的内容包括：
- 项目搭建
- p5.js 基础2D图形
- 文字
- 图形样式设置
- 图片
- 事件（交互相关的）
2024年10月25日
点赞 + 关注 + 收藏 = 学会了
本文的目标是和各位工友一起有序的快速上手 p5.js ，会讲解 p5.js 的基础用法。
本文会涉及到的内容包括：
2024年10月25日
今天小编将分享前端开发中必学的知识点，HTML5中关于Canvas(画布)的知识点；
Canvas，是HTML5中所有新特性目前应用最广泛的一个标签，替代引入的图片(图形)，用途非常广泛如（因此这个标签相当重要）：
1.完成HTML页面中的图形绘制
2.实现网络游戏或单机游戏(网页游戏)
3.在HTML页面中绘制图表
4.饼状图
5.柱状图
6.折线图
2024年10月25日
来源：设计达人
www.shejidaren.com
爱设计，爱分享
Sketch是一款轻量、易用的矢量设计工具，它为数字设计而生小巧但功能强大，并拥有优雅的界面。
Sketch也是为图标设计和界面设计而生的，它轻量化简单易学，有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。
很多时候由于它的轻量化我们使用鼠标就能很轻松的完成，而忽略了它的一些更好用更快捷的操作和快捷键，在我们的学习和工作了，可以学会它一些隐晦的快捷键，提高操作效率的同时也可以让我们的工作事半功倍。
2024年10月25日
在Canvas中，线的默认颜色为黑色，宽度为lpx，但我们可以使用相关属性为线添加不同的样式。下面我们将从宽度、描边颜色、端点形状3方面详细讲解线条样式的设置方法。
2024年10月25日
编辑导语：如今人们已经习惯于使用各种智能设备，然而全球有3亿左右残障人群，他们的需求不该被忽略，于是无障碍设计便应运而生。本文作者从色盲用户的角度出发，分享如何做色彩无障碍设计，一起来学习一下吧。
随着科技的普及和快速发展，人们越来越频繁和习惯于使用智能设备，然而全球有3亿左右的残障人群， 无论是从科技还是法律的角度，这群人的需求不该被忽略。
2024年10月25日
从17年开始，再插画这个圈子里摸爬滚打5年，一边从事着UI设计工作，一边画着插画，各个工具软件已经被炼就得无所不能，使用工具sketch ps. Ai, iPad ，手绘板这5个我都能画插画，当然都是一些皮毛。
然而我画了这么久，我也没有形成自己的绘画风格，我太喜欢探索与研究了，这一路过来都是自学，自我督促，身边画得好的，都已经自己当培训老师了，天天在坚持画画，越画越牛逼，我还舍不得我的工作，因此插画就是打打酱油。
2024年10月25日
渐变是两种或更多颜色的平滑过渡，是指在颜色集上使用逐步抽样算法，并将结果应用于描边样式和填充样式中。canvas的绘图上下文支持两种类型的渐变：线性渐变和放射性渐变，其中放射性渐变也称径向渐变。
绘制渐变图形
创建一个简单的渐变非常容易，可能比使用Photoshop还要快，需要三个步骤。
（1）创建渐变对象。
var gradient=cxt.createRadialGradient（0，0，0，canvas.height）；
2024年10月25日
转载说明：原创不易，未经授权，谢绝任何形式的转载
俗话说得好，兴趣是最好的老师。本篇文章搜集了几个漂亮的宇宙风格按钮动画效果的代码，希望它们能够激发你对 CSS 的热爱。作为前端开发者，我们不仅仅是制作写页面和与 后端 API 打交道，偶尔也需要调味剂。废话不多说，让我们一起来解读这些 CSS 代码吧。
2024年10月25日
HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。
不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。
一般写法：<canvas id="tutorial"width="150"height="150"></canvas>