js+html5通过canvas指定开始和结束点绘制线条的方法

作者:不吃皮蛋 时间:2024-05-02 17:20:44 

本文实例讲述了js+html5通过canvas指定开始和结束点绘制线条的方法。分享给大家供大家参考。具体实现方法如下:


<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(10,10);
ctx.lineTo(150,50);
ctx.lineTo(10,50);
ctx.stroke();
</script>
</body>
</html>

希望本文所述对大家的web程序设计有所帮助。

标签:js,html5,canvas
0
投稿

猜你喜欢

  • Go 库性能分析工具pprof

    2024-02-13 20:55:27
  • python海龟绘图实例教程

    2021-05-29 14:46:04
  • MSSQL存储过程解秘过程全析

    2010-07-05 08:49:00
  • Python装饰器的函数式编程详解

    2023-12-27 16:35:31
  • python基于C/S模式实现聊天室功能

    2021-05-01 04:17:53
  • Python爬虫之m3u8文件里提取小视频的正确姿势

    2021-07-05 18:02:41
  • 一文教你彻底解决Python包下载慢问题

    2023-04-02 20:29:32
  • Python字符串格式化的方法(两种)

    2023-08-28 17:13:10
  • 不要忽略了颜色的可用性

    2009-03-05 18:19:00
  • 详解Python中datetime库的使用

    2021-03-31 20:14:13
  • Python实现动态添加类的属性或成员函数的解决方法

    2021-05-13 17:13:41
  • 解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思

    2023-11-06 13:11:37
  • 使用Python监控文件内容变化代码实例

    2021-06-05 22:45:19
  • Python WebSocket长连接心跳与短连接的示例

    2022-08-20 04:05:15
  • 跟老齐学Python之for循环语句

    2021-12-22 04:52:50
  • Hadoop中的Python框架的使用指南

    2023-09-06 14:23:40
  • python中mediapipe库踩过的坑实战记录

    2021-03-07 13:32:47
  • Python遍历numpy数组的实例

    2021-08-30 08:49:37
  • Django数据库类库MySQLdb使用详解

    2024-01-14 01:26:20
  • Python常用标准库之os模块功能

    2022-03-03 03:49:59
  • asp之家 网络编程 m.aspxhome.com