canvas基础知识（一）划线

最新推荐文章于 2024-04-08 20:58:26 发布

「已注销」

最新推荐文章于 2024-04-08 20:58:26 发布

阅读量440

点赞数

分类专栏： Canvas 文章标签： html javascript canvas

本文链接：https://blog.csdn.net/weixin_43061527/article/details/103753992

版权

这篇博客介绍了HTML5的Canvas元素的基础使用，包括如何声明canvas标签，讲解了基本的划线操作，并讨论了如何在canvas上开始新的绘图。同时提到了canvas的坐标系统，其中(0,0)位于左上角，y轴向下增加，x轴向右增加。" 113217853,10293365,MySQL事件调度器：创建与管理定时任务,"['数据库管理', 'MySQL定时器', 'SQL', '数据库维护']

摘要由CSDN通过智能技术生成

声明canvas标签

<canvas id="can" width="500" height="500">
	如果不支持此标签的显示方式：
</canvas>

基础动作：划线

		const canvas = document.querySelector("#can");
		const ctx = canvas.getContext("2d");//3d为webgl那就很有深度的了；
		ctx.moveTo(100,100);//移动到某个点；
		ctx.lineTo(200,100);//画一条到某个地方的线条
		ctx.lineTo(100,200

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
canvas基础知识（一）划线

声明canvas标签<canvas id="can" width="500" height="500"> 如果不支持此标签的显示方式：</canvas>基础动作：划线 const canvas = document.querySelector("#can"); const ctx = canvas.getContext("2d");//3d为webgl那就...
复制链接

扫一扫

专栏目录