编程 Javascript

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

Posted in Javascript onJune 05, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

不吃皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

可简单避免的三个JS发布错误的详细介绍

Aug 02 Javascript

javascript判断是否按回车键并解决浏览器之间的差异

May 13 Javascript

jquery.gridrotator实现响应式图片展示画廊效果

Jun 23 Javascript

jQuery实现tab选项卡效果的方法

Jul 08 Javascript

javascript实现全角半角检测的方法

Jul 23 Javascript

jQuery左侧大图右侧小图焦点图幻灯切换代码分享

Aug 19 Javascript

jquery+css实现的红色线条横向二级菜单效果

Aug 22 Javascript

Sortable.js拖拽排序使用方法解析

Nov 04 Javascript

推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)

Apr 21 jQuery

vue升级之路之vue-router的使用教程

Aug 14 Javascript

基于vue循环列表时点击跳转页面的方法

Aug 31 Javascript

vue计算属性无法监听到数组内部变化的解决方案

Nov 06 Javascript

js+HTML5实现canvas多种颜色渐变效果的方法

Jun 05 #Javascript

JavaSacript中charCodeAt()方法的使用详解

Jun 05 #Javascript

JavaScript中length属性的使用方法

Jun 05 #Javascript

jQuery插件bgStretcher.js实现全屏背景特效

Jun 05 #Javascript

js+html5绘制图片到canvas的方法

Jun 05 #Javascript

简介JavaScript中valueOf()方法的使用

Jun 05 #Javascript

jQuery插件jRumble实现网页元素抖动

Jun 05 #Javascript

You might like

PHP网页游戏学习之Xnova(ogame)源码解读（十二）

2014/06/25 PHP

PHP 应用容器化以及部署方法

2018/02/12 PHP

PHP简单实现正则匹配省市区的方法

2018/04/13 PHP

javascript 模式设计之工厂模式详细说明

2010/05/10 Javascript

jquery 图片上传按比例预览插件集合

2011/05/28 Javascript

JavaScript高级程序设计（第3版）学习笔记10 再访js对象

2012/10/11 Javascript

JavaScript创建一个object对象并操作对象属性的用法

2015/03/23 Javascript

javascript实现点击后变换按钮显示文字的方法

2015/05/13 Javascript

javascript中alert()与console.log()的区别

2015/08/26 Javascript

jQuery滚动新闻实现代码

2016/06/26 Javascript

JS实现点击网页判断是否安装app并打开否则跳转app store

2016/11/18 Javascript

angularjs实现猜数字大小功能

2020/05/20 Javascript

node版本管理工具n包使用教程详解

2018/11/09 Javascript

如何使用CSS3+JQuery实现悬浮墙式菜单

2019/06/18 jQuery

vue学习笔记之作用域插槽实例分析

2020/02/01 Javascript

vue总线机制(bus)知识点详解

2020/05/10 Javascript

js操作两个json数组合并、去重，以及删除某一项元素

2020/09/22 Javascript

[01:35:13]DOTA2-DPC中国联赛正赛 DLG vs PHOENIX BO3 第一场 1月18日

2021/03/11 DOTA

批量获取及验证HTTP代理的Python脚本

2017/04/23 Python

Python实现模拟分割大文件及多线程处理的方法

2017/10/10 Python

在python带权重的列表中随机取值的方法

2019/01/23 Python

new_zeros() pytorch版本的转换方式

2020/02/18 Python

keras 指定程序在某块卡上训练实例

2020/06/22 Python

泰国办公用品购物网站：OfficeMate

2018/02/04 全球购物

俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店：MyToys.ru

2019/10/14 全球购物

澳大利亚排名第一的露营和户外设备在线零售商：Outbax

2020/05/06 全球购物

函授本科自我鉴定

2014/02/04 职场文书

《童年》教学反思

2014/02/18 职场文书

平面设计求职信

2014/03/10 职场文书

诚信贷款承诺书

2014/05/30 职场文书

2014年民政工作总结

2014/11/26 职场文书

十月围城观后感

2015/06/08 职场文书

圣诞晚会主持词

2015/07/01 职场文书

新郎父亲婚礼致辞

2015/07/27 职场文书

提升Nginx性能的一些建议

2021/03/31 Servers

Android使用EventBus发送消息，Fragment中接收消息的方法会执行多次

2022/04/24 Java/Android