HTML5中canvas画图之根据触摸点画三角形

最新推荐文章于 2024-05-10 10:10:22 发布

花2不谢

最新推荐文章于 2024-05-10 10:10:22 发布

阅读量3.2k

点赞数

分类专栏： HTML5 文章标签： html5 canvas 触摸屏

本文链接：https://blog.csdn.net/qq_25821067/article/details/51628221

版权

上一篇博文中说了利用canvas画固定的三角形，现在来试下触摸屏幕，然后根据触摸点画三角形。每触摸一下屏幕就画一个点。刚刚我醉死了，绘制路径的时候竟然把后面的lineTo写成了moveTo,检查了代码很久也没有解决，后来才发现。其实现在还有一点没有解决，就是那个根据屏幕自动设置canvas画布的宽度，也就是自适应。查资料也没有看到，网上的那些方法试了下还是没有解决。望知道的朋友说下。不甚感激！

代码如下:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,user-scalable=no"/>
	<title>触摸屏幕时绘制三角形</title>
</head>
<body  >
	<canvas id="cnavas" width="800" height="300" ></canvas>
	<script type="text/javascript">
	
		//取得绘图用的上下文
		var canvas=document.getElementById("cnavas");
		var ctx=canvas.getContext("2d");

最低0.47元/天解锁文章

花2不谢

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5中canvas画图之根据触摸点画三角形

上一篇博文中说了利用canvas画固定的三角形，现在来试下触摸屏幕，然后根据触摸点画三角形。每触摸一下屏幕就画一个点。刚刚我醉死了，绘制路径的时候竟然把后面的lineTo写成了moveTo,检查了代码很久也没有解决，后来才发现。其实现在还有一点没有解决，就是那个根据屏幕自动设置canvas画布的宽度，也就是自适应。查资料也没有看到，网上的那些方法试了下还是没有解决。望知道的朋友说下。不甚感激！
复制链接

扫一扫