python用七巧板图片画个图_canvas练习

28 您的浏览器不支持canvas，请更换29

31 //function DrawLine(arr) {

32 ///* 之前这种写法，以为要一个moveTo一个lineTo的，后来发现moveTo一个开头就行了，剩下的就是lineTo一直走，且最后一个可以不闭合，就是最后一个lineTo可以不回到点上，这样的形状不闭合 */

33 //for (var i = 0; i < arr.length; i++) {

34 //context.moveTo(arr[i][0], arr[i][1]);

35 //if (i == arr.length - 1) { //最后一个点

36 //context.lineTo(arr[0][0], arr[0][1]);

37 //} else {

38 //context.lineTo(arr[i + 1][0], arr[i + 1][1]);

39 //}

40 //}

41 //}

42 functionDrawLine(arr,context) {43 for(vard= 0; d

55 /*为了闭合图形（画线情况），你也可以判断最后一个点时，让他回到初始值。如下：*/

56 for(vari= 0; i

58 context.lineTo(inArr[0][0], inArr[0][1]);59 }else{60 context.lineTo(inArr[i+1][0], inArr[i+1][1]);61 }62 }63 context.fillStyle=arr[d]['color'];64 context.fill();//每次循环也要重新画一遍

65 context.lineWidth= 3;66 context.strokeStyle= '#333';67 context.stroke();//每次循环也要重新画一遍

68 }69 }70

71 window.οnlοad= function(){72 varmyCanvas=document.getElementById('canvas');73 varcontext=myCanvas.getContext('2d');74 vartangram=[{75 name:'等腰三角形蓝',76 num: [77 [0,0],78 [250,250],79 [0,500]80 ],81 color:'#62d2ff'

82 },{83 name:'等腰三角形绿',84 num: [85 [0,0],86 [500,0],87 [250,250],88 ],89 color:'#83ff93'

90 },{91 name:'平行四边形',92 num: [93 [500,0],94 [500,250],95 [375,375],96 [375,125]97 ],98 color:'#ff8383'

99 },{100 name:'黄三角',101 num: [102 [375,125],103 [375,375],104 [250,250]105 ],106 color:'#fff56c'

107 },{108 name:'橙黄三角',109 num: [110 [500,250],111 [500,500],112 [250,500]113 ],114 color:'#ffb542'

115 },{116 name:'正方形',117 num: [118 [250,250],119 [375,375],120 [250,500],121 [125,375]122 ],123 color:'#f598e0'

124 },{125 name:'紫色正方形',126 num: [127 [250,500],128 [125,375],129 [0,500],130 ],131 color:'#c673e6'

132 }];133 DrawLine(tangram,context);134 }135

136

python用七巧板图片画个图_canvas练习 - 七巧板绘制相关推荐

python用七巧板图片画个图_canvas 入门－利用 canvas 制作一个七巧板
当前浏览器不支持cnavas var tangram = [ { f:[{x: 0,y: 0},{x: 800, y: 0},{x: 400, y: 400}], color: "#FEF7 ...
python用七巧板图片画个图_画一个太大而不能放进一个七巧板的图像
您可能不想一次显示多个QImage的数据.很少有屏幕的宽度或高度超过32k像素.在因此,您需要一个抽象类型,它可以在请求读取时生成QImages,可以是偏移量,也可以是不同的缩放因子.在下一个问题 ...
星座图matlab是什么意思,matalb中画星座图 matlab中怎么绘制星座图
看看这个程序是否符合你的要求:按下鼠标左键开始绘制一个星座图,点击右键结束当前星座 function xingzuo figure('WindowButtonDownFcn',@wbdcb) ah = ...
hdc mfc 画扇形图_使用echarts绘制条形图和扇形图
使用echarts绘制条形图和扇形图简单举例说明下echarts如何绘制条形图和扇形图代码示例 echarts绘制条形图和扇形图 var mychart1=echarts.init(documen ...
能带曲线图绘制python_如何使用python的matplotlib模块画折线图
python是个很有趣的语言,可以在cmd命令窗口运行,还有很多的功能强大的模块.这篇经验告诉你,如何利用python的matplotlib模块画图. 工具/原料 windows系统电脑一台 pyth ...
python matplotlib画折线图_python使用matplotlib绘制折线图教程
matplotlib简介 matplotlib 是python最著名的绘图库,它提供了一整套和matlab相似的命令API,十分适合交互式地行制图.而且也可以方便地将它作为绘图控件,嵌入GUI应用程序 ...
【Python】彩色图片转为灰度图（4行脚本搞定）
看了网上很多别人的脚本: 不好用,然后我这个能4行就搞定: 1 安装PIL库 pip install pillow 2 建立文件夹建立包括彩色图片和准备保存为灰度图的文件夹: 我们建立了名为 cha ...
Python读取CSV文件画折线图
首先,我们先导入需要的模块,然后读取CSV文件的数据,在折线图上画出"Third"这一列的数据的折线图画出的图表结果: import pandas as pd import ma ...
python画矩阵图_Python可视化25_seaborn绘制矩阵图
矩阵图即用一张图绘制多个变量之间的关系,数据挖掘中常用于初期数据探索: 本文介绍python中seaborn.pairplot(傻瓜版)和seaborn.PairGrid(更个性化版)绘制矩阵图本文 ...

python用七巧板图片画个图_canvas练习 - 七巧板绘制

python用七巧板图片画个图_canvas练习 - 七巧板绘制相关推荐

最新文章

热门文章