编程 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实现简单模态窗口，背景灰显

Nov 14 Javascript

基于Jquery的$.cookie()实现跨越页面tabs导航实现代码

Mar 03 Javascript

非jQuery实现照片散落桌子上，单击放大的LightBox效果

Nov 28 Javascript

JQUERY简单按钮轮换选中效果实现方法

May 07 Javascript

jquery实现的树形目录实例

Jun 26 Javascript

jQuery动画效果相关方法实例分析

Dec 31 Javascript

Node.js的Web模板引擎ejs的入门使用教程

Jun 06 Javascript

jQuery实现的tab标签切换效果示例

Sep 05 Javascript

JS匿名函数类生成方式实例分析

Nov 26 Javascript

Vue 中的compile操作方法

Feb 26 Javascript

node.js微信小程序配置消息推送的实现

Feb 13 Javascript

JavaScript面向对象中接口实现方法详解

Jul 24 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下打开phpMyAdmin出现403错误的问题解决方法

2013/05/23 PHP

smarty模板引擎中变量及变量修饰器用法实例

2015/01/22 PHP

PHP实现抓取Google IP并自动修改hosts文件

2015/02/12 PHP

Zend Framework入门教程之Zend_Mail用法示例

2016/12/08 PHP

php实现微信企业号支付个人的方法详解

2017/07/26 PHP

laravel 修改记住我功能的cookie保存时间的方法

2019/10/14 PHP

会自动逐行上升的文本框

2006/06/30 Javascript

Opacity.js

2007/01/22 Javascript

javascript数组的扩展实现代码集合

2008/06/01 Javascript

JavaScript 撑出页面文字换行

2009/06/15 Javascript

javascript格式化json显示实例分析

2015/04/21 Javascript

C++中的string类的用法小结

2015/08/07 Javascript

js数组去重的5种算法实现

2015/11/04 Javascript

BootStrap Validator使用注意事项(必看篇)

2016/09/28 Javascript

详解jquery easyui之datagrid使用参考

2016/12/05 Javascript

jQuery Ajax 实现在html页面实时显示用户登录状态

2016/12/30 Javascript

史上最全JavaScript常用的简写技巧（推荐）

2017/08/17 Javascript

VUE中的无限循环代码解析

2017/09/22 Javascript

Vue中render函数的使用方法

2018/01/31 Javascript

Python的装饰器模式与面向切面编程详解

2015/06/21 Python

TF-IDF与余弦相似性的应用（二）找出相似文章

2017/12/21 Python

用Python下载一个网页保存为本地的HTML文件实例

2018/05/21 Python

python实现微信小程序自动回复

2018/09/10 Python

python获取中文字符串长度的方法

2018/11/14 Python

python实现手机销售管理系统

2019/03/19 Python

python查看数据类型的方法

2019/10/12 Python

pandas的相关系数与协方差实例

2019/12/27 Python

解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题

2020/06/17 Python

Python如何获取文件路径/目录

2020/09/22 Python

美国一家著名的手表在线折扣网站：Discount Watch Store

2020/02/24 全球购物

求职毕业生自荐书

2014/02/08 职场文书

作风建设演讲稿

2014/05/23 职场文书

教师“一帮一”结对子活动总结

2015/05/07 职场文书

如何解决springcloud feign 首次调用100%失败的问题

2021/06/23 Java/Android

Java 常见的限流算法详细分析并实现

2022/04/07 Java/Android

Linux中文件的基本属性介绍

2022/06/01 Servers