此文档解决以下问题： 一、SVG的简单使用 二、SVG 实例 三、SVG 参考手册 SVG是可缩放向量图的缩写，它是HTML5画布一个有用的替代技术。通过SVG，可以采用一种大多数现代浏览器都支持的格式创建运行图形。与基于像素的画布不同，SVG是基本向量的。向量是独立于分辨率的，这意味着在重新调整或 ...
分类：
其他好文 时间：
2019-07-06 13:45:40
阅读次数：
112
这里注意一下，图片压缩后的宽度是画布宽度的一半 canvasToTempFilePath 创建画布的时候会有一定的时间延迟容易失败，这里加setTimeout来缓冲一下 这是单张图片压缩，多张的压缩暂时还没有成功，保存到服务器上后是空白的，如有大神望指点一二（＞人＜；） `` ...
分类：
微信 时间：
2019-07-06 00:24:19
阅读次数：
294
canvas 概念：H5提出的画布,可以用来绘制图形 文字 学习步骤 1 创建canvas <canvas id="cas" width="600" height="300":> 您的浏览器不支持html5的canvas,请更换浏览器! </canvas> css中定义canvas的宽高具有拉伸效果 ...
分类：
其他好文 时间：
2019-07-05 19:19:38
阅读次数：
95
上一章讲述了如何利用C4D图切割制作闪光效果。本章将讲述如何在上章文章描述的效果基础上加入椭圆动态效果以及闪动控制。如下图所示，椭圆运动主要分成两部分：外圈运动、内圈运动。其中内圈运动看似一个椭圆，实际上是由两个椭圆不同角度组成的。红色指向的是运动的小球，绿箭头是小球运动的方向。下面将讲述如何展示圆球运动，主要是运用canvas画布制作的，探测小球的运动轨迹，以及到点则控制对应块的闪烁。一、椭圆运
分类：
其他好文 时间：
2019-07-02 10:58:28
阅读次数：
103
canvas知识点：const canvas = document.getElementById('id'); //获取canvas元素 const ctx = canvas.getContext('2d'); //搭建图形需要环境，简单来说就是绘画的画布 然后所有的canvas方法都是建立在ctx ...
分类：
其他好文 时间：
2019-07-01 14:14:18
阅读次数：
93
主要就这四个思路： 游戏图片素材需要全部加载完成后，才初始化游戏 利用new Image(), 将所有数据存放在dataStore.js中，通过单例模式，让全局都可以调用同一个堆内存中的数据 canvas图片素材，是通过将图片剪切，放置在画布上，所以可以写成一个公用JS，ctx.drawImage( ...
分类：
其他好文 时间：
2019-07-01 13:53:24
阅读次数：
117
当我们想用一张或几张图来描述我们的系统时，是不是经常遇到以下情况： 对着画布无从下手、删了又来？ 如何用一张图描述我的系统，并且让产品、运营、开发都能看明白？ 画了一半的图还不清楚受众是谁？ 画出来的图到底是产品图功能图还是技术图又或是大杂烩？ 图上的框框有点少是不是要找点儿框框加进来？ 布局怎么画 ...
分类：
其他好文 时间：
2019-07-01 10:31:59
阅读次数：
76
1 布局方案 2 1、版心布局 3 top 4 banner 5 main 6 footer 7 8 2、左右布局 9 top 10 banner 11 12 left 13 right 14 15 footer 1 div{ 2 ... ...
分类：
Web程序 时间：
2019-06-30 09:26:00
阅读次数：
123
（一）设置坐标轴的位置和展示形式 （1）向画布中任意位置添加任意数量的坐标轴 （2）函数axis（） 调整已经确定的坐标轴的显示，隐藏和刻度范围 (3）控制坐标轴刻度的显示（一） （4）调用函数setp() 实现刻度值的显示 （5）棉棒图的定制化展示 (8)控制坐标轴的显示 ...
分类：
其他好文 时间：
2019-06-28 00:21:47
阅读次数：
191
在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的x轴，y轴以及表示层叠的z轴。层叠上下文即元素在某个层级上z轴方向的排列关系。 那么这里有几个重要的概念：层叠上下文 (堆叠上下文, Stacking Context)、层叠等级 (层叠水平, Stacking Level)、层叠顺序 ...
分类：
其他好文 时间：
2019-06-21 12:57:08
阅读次数：
110
