如何实现小程序刮刮卡呢？ 思路是： 1. 先将中奖的图片或者文字位置和大小确定 2. 开始画canvas，将位置和大小跟之前中奖的文案的位置保持一致。 3. 在canvas上覆盖一层灰色的蒙层，作出刮刮卡未刮之前的效果 具体代码如下 4. 开始做刮刮卡的动作，在canvas定义bindtouchst ...
分类：
微信 时间：
2020-05-18 18:43:50
阅读次数：
151
1.解决方案下添加新建项目新建类库 2. 在项目下添加新建项选择新建组件类 3.先引用，然后导入两个命名空间 4.因为是扩展控件，把继承自Component改成继承自Panel 1 using System; 2 using System.Collections.Generic; 3 using S ...
写在前面 上一节我们认识了Phaser.js，也说到了Phaser比较适合开发2D的小游戏，那么接下来的几篇文章会以开发一个移动端的小游戏为例，来介绍如何上手Phaser.js。这一节的主要内容是用Phaser.js搭建游戏的骨架。 游戏相关的一些概念 画布 一般来说，做游戏的话基于Canvas会比 ...
分类：
Web程序 时间：
2020-05-15 20:14:56
阅读次数：
75
什么是“层叠上下文” 层叠上下文(stacking context)，是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发 ...
分类：
Web程序 时间：
2020-05-14 22:15:36
阅读次数：
82
1. subplot() 绘制网格区域中几何形状相同的子区布局 函数签名有两种： 都是整数，意思是将画布划分为C行R列个子区，此时定位到第N个子区上，子区编号按照行优先排序。 下面就是最喜爱的举例环节 【Example 1】 【Example 2】 非等分画布可以多次使用等分画布来实现 2. sub ...
分类：
编程语言 时间：
2020-05-13 00:29:06
阅读次数：
138
遇到问题：找到图片img元素后，将参数传给context.drawImage(image,10,10)后图片并没有在画布上展示。 解决方案：在外层嵌套document.images[0].onload=function(){}。 代码如下： document.images[0].onload=fun ...
分类：
其他好文 时间：
2020-05-10 19:35:34
阅读次数：
126
描述 HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 ...
分类：
Web程序 时间：
2020-05-10 17:04:03
阅读次数：
81
SVG 思考：位图和矢量图的区别？css canvas和svg又有什么区别？ 位图的质量是根据分辨率判定的，分辨率越大，图像画面越清晰；矢量图没有分辨率的概念。位图放大后会越来越不清晰，像马赛克一样；矢量图则不会。 canvas类似于位图，放大后会不清晰，依赖于分辨率。可以引入jpg，png这类格式 ...
分类：
其他好文 时间：
2020-05-09 01:17:43
阅读次数：
68
作者：云荒杯倾 序 本意是用这个做视频遮罩效果，但是还是从更通用的角度来解释事情本身吧。少掺杂一点业务目的。 主要实现功能 在canvas画布上跟随鼠标的按键、移动画出拖拉范围内的矩形；弹出选择项，选“对勾”则将这部分矩形填上背景色，选“叉号”则取消本次拖拉的矩形。 代码块 代码不长，直接放。 引用 ...
分类：
其他好文 时间：
2020-05-07 20:12:51
阅读次数：
87
numpy库函数基本使用 import numpy as np 1、创建数组的函数(ndarray) 2、ndarray类型的常用属性 3、ndarray类型的型态操作方法 4、ndarray 类型的索引与切片方法 5、ndarray类型的算术运算函数 6、ndarray类型的比较运算函数 7、nd ...
分类：
编程语言 时间：
2020-05-06 18:03:09
阅读次数：
72
