canvas
关注
分享
扫一扫
文章平均质量分 94
sogooday
微信：wjf630759294
展开
-
专注于移动端互动页面的2Dcanvas框架--canvasWF（更新中）
目录目的优缺点优势缺点地址框架的使用资源注册器 GameSpiritTextDOTweenButtoncanvas的创建css对canvas的设置目的这个框架的目的是为了，让前端的开发者能够在保证包体尽可能小的情况下，让前端的开发人员快速的开发完成canvas的相关需求。下面给玩家提供一些在互动页面常常使用到的关...原创 2020-01-26 23:52:53 · 2588 阅读 · 0 评论
-
取到canvas中字体宽与高的值
如何取到字体的宽度第一种方法：取到canvas的宽我相信大家很容易就找到，下面的apicontext.measureText('显示的文本信息').width第二种方法：我们是可以设置字体的，想一想是不是，显示的 文字的个数*字体尺寸 = 字体的宽度缺点是如果你使用下面的这个放大缩小的方法 上面的公式就不管用了 应该是文字的个数*字体尺寸*放大缩小值 = 字体的...原创 2020-02-11 23:53:41 · 5764 阅读 · 0 评论 -
到底什么是离屏canvas，怎么使用它
我们都知道在canvas中绘制相关数据是会显示出来的。但是离屏canvas并不会。不管你在上面做上面操作都不会显示出来。需要调用显示在当前非离屏canvas上才会显示canvas绘制本身就是不断的更新帧从而达到动画的效果。离屏canvas本身可以说就是一样图片。你在创建好的canvas上调取离屏canvas（在上面画好图之后，就当做这个是一个图片）显示出来就好了。但是具体如何实现请看下面的代码...原创 2019-03-28 17:29:43 · 8345 阅读 · 0 评论 -
使用canvas画以12点钟为0度的反向圆
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><canvas id="canvas"></canvas>&l...原创 2019-04-09 16:41:48 · 843 阅读 · 0 评论 -
赛贝尔曲线工具
因为需要使用到赛贝尔曲线的相关工具。去做些特效或者路径什么的然后发现了一个工具同不错的 就是赛贝尔曲线工具 又因为感觉这个不错。于是我就....把他扒下来了。你们可以自行修改这个的相关参数调解canvas的宽与高活再右边添加不同选项。下载一个webStorm 那下面的复制粘贴一下 你就可以使用了 下面是代码此代码进过了自己的 一些修改添加的。里面又有赛贝尔函数，也有使用说明 。大家...翻译 2019-04-24 11:06:51 · 900 阅读 · 3 评论 -
canvas的适配
笔者在做canvas的小游戏的时候发现了一个问题。就是canvas的适配了。琢磨了好久终于发现了一种方法。首先我们先确定canvas的内容在不同的设备上不会变形。然后我们确定下来坐标比值或者是分辨率比值。从而来确定你的定义好的坐标不会在不同的设备上不同。这样就完成了 （这两个是指导思想）如果你按照下面还是适配没有成功 我还有一招，但是下面是基础第一步：创建canvas之后...原创 2019-04-26 19:14:02 · 2978 阅读 · 3 评论