文档章节

Canvas画电路图

墨鱼拉面
 墨鱼拉面
发布于 2016/11/02 15:07
字数 132
阅读 20
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
<title>何问起</title>
<meta name="description"content="canvas画简单电路图 by hovertree.com"/>
</head>
<body>
 <canvas id="canHewenqi"width="500"height="300"style="margin: 20px auto"></canvas>

<script>
 var canvas = document.getElementById("canHewenqi");
 var cxt = canvas.getContext("2d");
cxt.strokeStyle = color;
cxt.moveTo(10,10);
cxt.lineTo(100,10);
cxt.stroke();
cxt.beginPath();
cxt.moveTo(100,10);
cxt.lineTo(100,0);
cxt.lineTo(150,0);
cxt.lineTo(150,20);
cxt.lineTo(100,20);
cxt.closePath();
cxt.moveTo(150,10);
cxt.lineTo(250,10);
cxt.lineTo(250,100);
cxt.stroke();
cxt.moveTo(225,100);
cxt.lineTo(275,100);
cxt.stroke();
cxt.moveTo(225,115);
cxt.lineTo(275,115);
cxt.stroke();
cxt.moveTo(250,115);
cxt.lineTo(250,160);
cxt.stroke();
cxt.moveTo(250,160);
cxt.lineTo(150,160);
cxt.stroke();
cxt.arc(130,160,20,0,360,false);
cxt.stroke();
cxt.moveTo(150,160);
cxt.lineTo(10,160);
cxt.lineTo(10,10);
cxt.stroke();


</script>
<div>canvas画简单电路图 by 何问起</div>
<!--http://hovertree.com/code/html5/fatorqgm.htm-->
</body>
</html>

本文转载自:

墨鱼拉面
粉丝 0
博文 17
码字总数 1757
作品 0
深圳
程序员
私信 提问
Arduino原型到产品谁知道这样的流程?

Arduino适合做原型的玩意这个我知道,但是,如果从arduino到产品这个阶段,比如是从新根据Arduino电路图来精简后,画电路图,再到需要的原件搭配组装这样的流程还是有其他更好的办法?...

二货
2017/06/09
150
0
做一个网页版的IDE需要学习一些什么技术?

类似于这个网站(https://easyeda.com/editor),一个在线画电路图,PCB板图的网站,如果要做出一个这样子编辑器,需要学习一些什样的技术,当然这种编辑器我可以用Qt模仿一个出来,但是如果把它做...

狗操_我今年大三它妈
2017/02/21
183
1
Dia 0.97.2 发布,流程图绘制工具

Dia 0.97.2 发布了,该版本更新了大量翻译,修复了很多bug,为 SADT 增加更多的颜色。 Dia是开放源码的流程图软件,是GNU计划的一部分,程式创立者 是Alexander Larsson。Dia使用single docu...

红薯
2011/12/28
4.7K
9
流程图绘制软件--Dia

Dia是开放源码的流程图软件,是GNU计划的一部分,程式创立者 是Alexander Larsson。Dia使用single document interface (CSDI)模式,类似于GIMP。 Dia将多种需求以模组化来设计,如流程图、网...

匿名
2008/12/05
77K
12
画扑克牌的JS库--Poker.JS

Poker.JS 演示: 演示1 演示2 Poker.JS是通过扩展HTML5 Canvas实现的画扑克牌的JS库。用户可以很容易地在img或canvas创建单个的扑克牌,或者直接在大canvas里画牌。 不使用外部图片 10K大小(...

Tairraos
2012/10/16
7K
2

没有更多内容

加载失败,请刷新页面

加载更多

springboot2.0 maven打包分离lib,resources

springboot将工程打包成jar包后,会出现获取classpath下的文件出现测试环境正常而生产环境文件找不到的问题,这是因为 1、在调试过程中,文件是真实存在于磁盘的某个目录。此时通过获取文件路...

陈俊凯
今天
4
0
BootStrap

一、BootStrap 简洁、直观、强悍的前端开发框架,让web开发更加迅速、简单 中文镜像网站:http://www.bootcss.com 用于开发响应式布局、移动设备优先的WEB项目 1、使用boot 创建文件夹,在文...

wytao1995
今天
9
0
小知识:讲述Linux命令别名与资源文件的区别

别名 别名是命令的快捷方式。为那些需要经常执行,但需要很长时间输入的长命令创建快捷方式很有用。语法是: alias ppp='ping www.baidu.com' 它们并不总是用来缩短长命令。重要的是,你将它...

老孟的Linux私房菜
今天
8
0
《JAVA核心知识》学习笔记(6. Spring 原理)-5

它是一个全面的、企业应用开发一站式的解决方案,贯穿表现层、业务层、持久层。但是 Spring 仍然可以和其他的框架无缝整合。 6.1.1. Spring 特点 6.1.1.1. 轻量级 6.1.1.2. 控制反转 6.1.1....

Shingfi
今天
7
0
Excel导入数据库数据+Excel导入网页数据【实时追踪】

1.Excel导入数据库数据:数据选项卡------>导入数据 2.Excel导入网页数据【实时追踪】:

东方墨天
今天
8
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部