canvas是通过javascript来绘制的2D图形 canvas是控制像素来渲染的 一旦渲染完成，浏览器就不会关注了，如果位置发生变化，整个场景就需要重新绘制 <canvas id="mycanvas" width="500" height="300" ></canvas> <script ty ...
分类：
其他好文 时间：
2020-01-16 10:24:48
阅读次数：
69
1 var myCanvas = document.querySelector('canvas'); 2 var ctx = myCanvas.getContext('2d'); 3 4 let gridSize = 10; 5 let canvasWidth = ctx.canvas.width;... ...
分类：
其他好文 时间：
2020-01-15 16:49:39
阅读次数：
116
HTML 1 <img src="img/eddbc6f71def8b33d207222b32a6d1f9.jpg"> 2 <canvas id="can" width="200px" height="200px"></canvas> 3 <div id="div"></div> CSS 1 <st ...
分类：
其他好文 时间：
2020-01-15 12:00:32
阅读次数：
69
https://www.runoob.com/w3cnote/html5-canvas-intro.html https://www.jb51.net/html5/641000.html https://www.jianshu.com/p/0f0ede267882 https://www.jians ...
分类：
其他好文 时间：
2020-01-15 00:01:52
阅读次数：
177
three.js 是一款WebGL框架，WebGL可以让我们在canvas上实现3D效果。实现3D效果在国内来说还算是比较新的东西，可供查阅的资料也不多。这篇文章仅是一个入门篇，介绍如何绘制一个3D正方体。介绍完毕，首先奉上实现的效果图： 这就是实现的效果图，还是挺有立体感的吧？ 绘制前的准备 写代 ...
分类：
Web程序 时间：
2020-01-14 23:45:27
阅读次数：
97
canvas与svg都是可以在浏览器上创建图形，因此，在html5中感觉canvas和svg很相似，但是实际上canvas与svg有着根本的区别。下面php中文网通过比较canvas和svg之间的不同来给大家总结了关于canvas与svg的区别。一起来看一看吧。 在说canvas与svg的区别之前， ...
分类：
其他好文 时间：
2020-01-14 23:39:07
阅读次数：
83
五、 Tkinter 常用组件 Tkinter 各组件的详细用法还需要掌握，也就是掌握各个“积木块”的的详细功能。 1、 使用 ttk 组件 在前面直接使用的 tkinter 模块下的 GUI 组件看上去并不美观。为此 Tkinter 引了一个 ttk 组件作为补充，并使用功能更强大的 Combob ...
分类：
编程语言 时间：
2020-01-13 16:18:44
阅读次数：
121
新年快了灯笼掉落 效果图： 具体详情github： https://github.com/Kay622/wx_fall ...
分类：
微信 时间：
2020-01-13 12:56:08
阅读次数：
534
思路：将两张图片绘制为一张 目标：输入的文字，绘制到图片上，简单实现图片水印 效果：输入的文字1: ‘你猜猜’ + 图片2 = 图片3（不要看清除水印的按钮，本人垃圾 没实现） 选择图片 html <input type="file" id="uploadFile" class="clip" acc ...
分类：
其他好文 时间：
2020-01-13 11:13:30
阅读次数：
786
项目要求在视频上绘制多边形区域 单单描出鼠标轨迹很简单，lineTo 配合鼠标事件大概十几行代码就搞定 画直线的话原来是要在 mousemove 里清空画布，鼠标移动时都在不断地清空画布再重新根据起点终点来绘制 如此"曲折"才得到了一条直线，因为不断地 clearRect，所以要画多条直线就要记录以 ...
分类：
其他好文 时间：
2020-01-12 11:53:17
阅读次数：
72
