#Canvas

Canvas,即画布,一种HTML5技术。通过它,可以绘制图形,可以开发游戏。

【带着canvas去流浪(10)】文字烟花

大史不说话

首先动画的主框架仍然是我们反复使用的逐帧动画框架,烟花生成以后的部分也不难理解,我们之前已经对物理碰撞进行过仿真,这里实际上就是模拟了带有初速度的自由落体。所以...

4620

基于云开发的小程序海报功能的实现

Bug生活2048

其实在最早之前的小程序中已经实现了一次,具体可以参考利用云开发优化博客小程序(三)——生成海报功能,主要还是使用原生的cavans进行组装,原本想代码copy过...

11550

【带着canvas去流浪(9)】粒子动画

大史不说话

粒子特效一般指密集点阵效果,它并不是canvas独有的,这个名词更多出现在AE,cocos2d,Unity相关的教程中,并且提供了方便的编辑插件让使用者可以轻松...

11340

自定义View合辑(7)-带文本的球形波浪(贝塞尔曲线)

叶应是叶

WaveLoadingView 和上一节的 WaveView 类似,但比之多了一个颜色随波浪起伏而变化的文本,且形状也变为了圆形。此处波浪的绘制思路与上一节一样...

10730

弹指间,网页灰飞烟灭——Google灭霸彩蛋实现

Daotin

不知道大家有没有看这段时间最火的一部电影《复仇者联盟4:终局之战》,作为漫威迷的我还没看,为什么呢?因为太贵了,刚上映的那周,一张IMAX厅的票价已经达到了29...

8440

反思录:Angular实现svg和png图片下载

lambeta

我经常思考,在面临一个不确定问题时,以往的经验究竟有无辅助作用?如果把经验遗忘会产生何种程度的影响?在上下求索未果之后,如何找回曾经的感觉,恰若灵光一现?凡此种...

9740

入门教程:一篇学会LayaAir引擎开发HTML5(面向JS开发者)

Layabox Charley

LayaAir引擎默认采用Canvas模式渲染,如果想要启动WebGL模式,需要在初始化舞台的时候的进行设置,例如:

7440

LayaAir引擎放弃Canvas API,打造次世代3D引擎与云游戏引擎,提供AI赋能!

Layabox Charley

LayaAir引擎放弃Canvas原生API,并不等于放弃2D,而是为更好的发展2D和3D!那为什么要放弃Canvas原生API,以及LayaAir引擎未来的...

8220

【带着canvas去流浪(8)】碰撞

大史不说话

经过前面章节相对枯燥的练习,相信你已经能够上手canvas的原生API了,那么从这一节开始,我们就开始接触点好玩的东西——动画。

5820

RecyclerView addItemDecoration 的妙用 - item 间距平均分布和添加分割线

用户2965908

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/...

12930

LayaAir引擎放弃Canvas API,打造次世代3D引擎与云游戏引擎,提供AI赋能!

Layabox Charley

LayaAir引擎放弃Canvas原生API,并不等于放弃2D,而是为更好的发展2D和3D!那为什么要放弃Canvas原生API,以及LayaAir引擎未来的发...

12320

关于UWP图形绘制

李富贵

当前在做的毕业设计涉及到一些曲线图形的绘制问题,苦于System.Drawing不能使用(平台不支持,这个问题我没有解决掉,这里说的平台可能是UWP平台而不是d...

10030

探究 canvas 绘图中撤销(undo)功能的实现方式

逆葵

最近在做网页版图片处理相关的项目,也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道,在浏览器端实现图片添加水印功能,通常的做法就...

10650

wx-caman——基于 CamanJS 的微信小程序 Canvas 像素级滤镜处理库

逆葵

做这个项目的初衷是希望能够开发一款不依赖服务端而纯通过客户端渲染为图片添加滤镜的小程序。但是由于微信小程序中的 canvas 组件与 DOM Canvas 元素...

7620

干货 | 跨平台 Canvas 绘图引擎背后的黑科技

用户1292807

但是因为Canvas的API和DOM/SVG差别较大,因此要把例子移植为Canvas渲染,改动比较大,这样不利于开发人员快速学习和使用D3完成项目。

7530

【带着canvas去流浪(7)】绘制水球图

大史不说话

使用原生canvasAPI绘制水球图,这将是一个非常有意思的挑战任务。水球图是一种常见的加载动画,属于扩展图形,在echarts中使用时需要下载扩展库(同为扩展...

10500

数据可视化之下发图实践

个推

随着互联网的快速发展,数据维度越来越广,呈现形式也越发丰富,具有多维度数据特点的相关业务实践都能通过可视化图表来展示,比如个推的下发图,从时间和区域两个维度,可...

7200

【带着canvas去流浪(6)】绘制雷达图

大史不说话

使用原生canvasAPI绘制雷达图。(截图以及数据来自于百度Echarts官方示例库【查看示例链接】)。

7320

three.js 带更新文字的旋转地球

tianyawhl

17190

调整 z-index,优化动画性能

kmokidd

腾讯 · UI 工程师 (已认证)

基本大家已经了解优化动画性能的套路了: 开启硬件加速的同时,又要小心硬件加速后页面层级的坑,导致 CPU 和内存大量消耗,硬件加速没有起到正向的作用,反而对页面...

11830

扫码关注云+社区