编程 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 相关文章推荐

javascript Demo模态窗口

Dec 06 Javascript

上传的js验证(图片/文件的扩展名)

Apr 25 Javascript

JS简单操作select和dropdownlist实例

Nov 26 Javascript

js控制div弹出层实现方法

May 11 Javascript

轻松实现JavaScript图片切换

Jan 12 Javascript

深入解析Javascript闭包的功能及实现方法

Jul 10 Javascript

javascript 四十条常用技巧大全

Sep 09 Javascript

jQuery事件绑定方法学习总结(推荐)

Nov 21 Javascript

js仿小米手机上下滑动效果

Feb 05 Javascript

详解angularjs结合pagination插件实现分页功能

Feb 10 Javascript

如何实现js拖拽效果及原理解析

May 08 Javascript

vue使用v-model进行跨组件绑定的基本实现方法

Apr 28 Vue.js

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 网页游戏开发入门教程一（webgame+design）

2009/10/26 PHP

php+iframe实现隐藏无刷新上传文件

2012/02/10 PHP

PHP中使用SimpleXML检查XML文件结构实例

2015/01/07 PHP

thinkphp配置文件路径的实现方法

2016/08/30 PHP

PHP机器学习库php-ml的简单测试和使用方法

2017/07/14 PHP

PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】

2019/03/11 PHP

JavaScript去除空格的几种方法

2006/10/03 Javascript

jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

2010/09/10 Javascript

使用jquery实现简单的ajax

2013/07/08 Javascript

JAVASCRIPT模式窗口中下载文件无法接收iframe的流

2013/10/11 Javascript

深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现

2015/03/05 Javascript

JavaScript必知必会(六) delete in instanceof

2016/06/08 Javascript

JS实现DIV高度自适应窗口示例

2017/02/16 Javascript

Angular.JS利用ng-disabled属性和ng-model实现禁用button效果

2017/04/05 Javascript

JS实现电商放大镜效果

2017/08/24 Javascript

利用Javascript开发一个二维周视图日历

2017/12/14 Javascript

微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题

2018/10/09 Javascript

Vue3项目打包后部署到服务器请求不到后台接口解决方法

2020/02/06 Javascript

解决ant-design-vue中menu菜单无法默认展开的问题

2020/10/31 Javascript

[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦

2015/02/03 DOTA

win与linux系统中python requests 安装

2016/12/04 Python

python模块之re正则表达式详解

2017/02/03 Python

树莓派+摄像头实现对移动物体的检测

2019/06/22 Python

使用pytorch完成kaggle猫狗图像识别方式

2020/01/10 Python

Python3实现建造者模式的示例代码

2020/06/28 Python

phonegap常用事件总结(必看篇)

2017/03/31 HTML / CSS

经济学博士求职自荐信范文

2013/11/23 职场文书

餐饮总经理岗位职责

2014/03/07 职场文书

文案策划求职信

2014/04/14 职场文书

2015年考研复习计划

2015/01/19 职场文书

单位实习介绍信

2015/05/05 职场文书

2015年司法局工作总结

2015/05/22 职场文书

2016中秋晚会开幕词

2016/03/03 职场文书

八年级作文之感悟亲情

2019/11/20 职场文书

Windows7下FTP搭建图文教程

2022/08/05 Servers