包含如下控件： Button 按钮控件 Canvas 画布控件，显示图形元素如线程或文本 Checkbutton 多选框控件，用于在程序中提供多项选择框 Entry 输入控件，用于显示简单的文本内容 Frame 框架控件，在屏幕上显示一矩形区域，多用来作为容器 Label 标签控件，可以显示文本和位 ...
分类：
其他好文 时间：
2019-09-15 11:38:55
阅读次数：
138
/* 实例化camvas配置参数 config = { video:{width:Number(scale*4),height:Number(scale*3)},//视频比例4:3 canvasId:'canvas',//画布canvas节点ID videoId:'v',//video节点ID im... ...
分类：
Web程序 时间：
2019-09-01 18:39:18
阅读次数：
190
使用到的知识： 1. 获取系统时间 2. 画图形，空心图形，实心图形，以及其它一些属性 3. for循环 前期准备: a. HTML中准备一个容器存放画布，并为其设置width，height。 b.在js中获取canvas画布元素，并获得其上下文，对应的方法如下： 代码如下： 静态效果图： ...
分类：
其他好文 时间：
2019-07-31 16:46:22
阅读次数：
120
一、贴纸函数需求 在开发中遇到需要在图片上加上其他各种小贴纸最终合成一张图片的需求。 所以在插件中添加了类似的功能。 二、添加贴纸原理 本质上就是将两张变换后的canvas分别导出一张图片，然后将这两张图片按顺序绘制在新的canvas画布上，最终导出合成后的图片。 实例代码： 未完待续，详细介绍以后 ...
分类：
其他好文 时间：
2019-07-24 09:16:29
阅读次数：
107
上一章讲述了如何利用C4D图切割制作闪光效果。本章将讲述如何在上章文章描述的效果基础上加入椭圆动态效果以及闪动控制。如下图所示，椭圆运动主要分成两部分：外圈运动、内圈运动。其中内圈运动看似一个椭圆，实际上是由两个椭圆不同角度组成的。红色指向的是运动的小球，绿箭头是小球运动的方向。下面将讲述如何展示圆球运动，主要是运用canvas画布制作的，探测小球的运动轨迹，以及到点则控制对应块的闪烁。一、椭圆运
分类：
其他好文 时间：
2019-07-02 10:58:28
阅读次数：
103
一、业务需求： 使用canvas在前端生成海报，并在海报上添加上水印。最后导出图片并保存到本地。 二、业务逻辑实现： （1）创建canvas画布 》（2）在canvas上绘制海报 》（3）绘制水印 》（4）绘制完成，导出图片路径 》（5）保存到本地，并可以分享，（长按保存图片） 三、代码实现： ct ...
分类：
微信 时间：
2019-05-27 13:28:19
阅读次数：
529
canvas（画布）主要是位图 svg（矢量图） canvas标签，必须要写的3个属性 id width height 为什么不再style中设置width和height呢？ 因为这设置width和height话会有位移差； 位移差：在画布里面的元素有偏差； js中每次使用canvas，都要设置一个 ...
分类：
其他好文 时间：
2019-05-22 09:51:22
阅读次数：
109
canvas 画布 位图 1. 不要在style中给canvas设置宽高 会有位移差 2. 给c设置一个绘图环境 得到的是一个对象 var c=document.getElementById("c1") var can=c.getContentext("2d"); 3. fillRect() 绘制一 ...
分类：
其他好文 时间：
2019-05-21 21:11:13
阅读次数：
129
canvas(画布{位图}) 1.最好不要在style中给canvas设置宽高，会有位移差 2.canvas样式： . 绘制矩形： fillRect() 绘制一个填充的方块，默认颜色是黑色 strokeRect()绘制带边框的方块 绘制线条 moveTo()绘制线段的起点 lineTo()绘制线段的 ...
分类：
其他好文 时间：
2019-05-21 21:04:04
阅读次数：
1104
1基础概念 1.1 画布(canvas) 画布就是turtle为我们展开用于绘图区域, 我们可以设置它的大小和初始位置。 常用的画布方法有两个：screensize()和setup()。 （1）turtle.screensize(canvwidth=None, canvheight=None, bg ...
分类：
编程语言 时间：
2019-03-14 00:45:53
阅读次数：
390
