七巧板的实现

var tangram = [

{p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"},

{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67becf"},

{p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"},

{p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"},

{p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"},

{p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ecc"},

{p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"#f6ca29"}

];

window.onload = function(){

var canvas = document.getElementById('canvas');

canvas.width = 800;

canvas.height = 800;

var context = canvas.getContext('2d');

for (var i=0;i

draw(tangram[i],context);

}

}

function draw(piece,cxt) {

cxt.beginPath();

cxt.moveTo(piece.p[0].x,piece.p[0].y);

for (var i=1;i

cxt.lineTo(piece.p[i].x,piece.p[i].y);

}

cxt.closePath();

cxt.fillStyle = piece.color;

cxt.fill();

}

自己到底哪里错了?

java 七巧板油漆问题_七巧板的问题相关推荐

  1. java 七巧板油漆问题_七巧板颜色填充的问题?

    我写了代码但是颜色总是填充不上是什么原因呢? var tangram=[ {p:[{x:0,y:0},{x:600,y:0},{x:300,y:300}],color:"#CEFE68&qu ...

  2. java 七巧板油漆问题_《七巧板中的分数问题》评课稿

    <七巧板中的分数问题>评课稿 <七巧板中的分数问题>一课是李老师在2018年全国小学数学(人教版)核心素养示范课观摩交流会上呈现的课例. 本课选取的教材内容是人教版五年级下册第 ...

  3. Java Review - 并发编程_ 回环屏障CyclicBarrier原理源码剖析

    文章目录 Pre 小Demo 类图结构 CyclicBarrier核心方法源码解读 int await() int await(long timeout, TimeUnit unit) int dow ...

  4. Java Review - 并发编程_读写锁ReentrantReadWriteLock的原理源码剖析

    文章目录 ReentrantLock VS ReentrantReadWriteLock 类图结构 非公平的读写锁实现 写锁的获取与释放 void lock() void lockInterrupti ...

  5. Java Review - 并发编程_原子操作类LongAdder LongAccumulator剖析

    文章目录 概述 小Demo 源码分析 重要的方法 long sum() reset sumThenReset longValue() add(long x) longAccumulate(long x ...

  6. Java web小项目_个人主页(2)—— 边缘加速原理与实现

    摘自:Java web小项目_个人主页(2)-- 边缘加速原理与实现 作者:丶PURSUING 发布时间: 2021-03-27 14:44:40 网址:https://blog.csdn.net/w ...

  7. Java web小项目_个人主页(1)—— 云环境搭建与项目部署

    摘自:Java web小项目_个人主页(1)-- 云环境搭建与项目部署 作者:丶PURSUING 发布时间: 2021-03-26 23:59:39 网址:https://blog.csdn.net/ ...

  8. java项目----教务管理系统_基于Java的教务管理系统

    java项目----教务管理系统_基于Java的教务管理系统 2022-04-22 18:18·java基础 最近为客户开发了一套学校用教务管理系统,主要实现学生.课程.老师.选课等相关的信息化管理功 ...

  9. java.lang.IllegalArgumentException: 字符[_]在域名中永远无效。 at

    [http-nio-8080-exec-1] org.apache.coyote.AbstractProcessor.parseHost [xxx_tomcat] 是无效主机注意:更多的请求解析错误将 ...

最新文章

  1. python基础===拆分字符串,和拼接字符串
  2. 2014.8.30.ref,out,params,enum,递归
  3. 如何评估Serverless服务能力,这份报告给出了40条标准
  4. scrapy的Middleware
  5. 筹款の不定方程(洛谷P4956题题解,Java语言描述)
  6. 最长高地(51Nod-2509)
  7. r语言集合补集_R语言之数据处理(二)
  8. Oracle中查看所有的表,用户表,列名,主键,外键
  9. Windows如何查看.db数据库文件
  10. uni-app做收货地址功能
  11. 商用密码产品认证-智能密码钥匙
  12. kwgt公式代码大全_电脑文字识别ocr 数学公式 识别 mathtype
  13. 超级漂亮炫酷的HTML菜单栏导航栏+网站+独特二级列表
  14. MPLS TE Forwarding-adjacency
  15. 华为机试:查找众数及中位数
  16. C++的开方,平方,绝对值
  17. ISO七层模型和TCP/IP四层模型
  18. 电脑一启动吃鸡就重启计算机,租号器登录电脑重启-租号玩绝地求生提示登录出现异请重启客户端...
  19. 手电筒安卓_iPhone手电筒只能照明?这两个隐藏技巧一定要会,事半功倍!
  20. 基础拓扑学笔记(6)——射影平面

热门文章

  1. 软件工程网络15个人阅读作业1(201521123111 陈伟泽)
  2. web html常用标签含义,WEB前端开发之HTML:常用标签知多少
  3. arm汇编标号globl和word解释
  4. 刘强东的代码水平到底有多牛?网友:95年一个晚上赚5万
  5. OneNote for win10本地存储文件的备份与查看
  6. Google I/O 见闻
  7. IOS-Svn-Cornerstone 终端 命令行
  8. dlib 人脸检测原理
  9. 【NVM】node多个版本管理工具安装步骤以及使用
  10. three.js textureLoader加载图片失败