#Canvas

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

检测浏览器是否支持webp

玖柒的小窝

这种方法先加载一个webp格式的图片(base64字符串),如果能获取到width和height,那么是支持webp的,否则是不支持的。

8900

Canvas和SVG是什么?有什么区别?哪个性能好

玖柒的小窝

<canvas>是H5新增的组件,就像一块幕布,可以使用脚本(通常为Javascript)在其中绘制图形的HTML元素,他可以用来制作各种图、表,或者一些动画。...

2200

如何实现一个朴实无华的Canvas时钟效果

玖柒的小窝

【摘要】 ??? 大家好呀,很久没有写canvas小案例了,今天写一个canvas的时钟案例。效果可能看起来比较简单,没有那些花里胡哨的,不过,它涉及的canv...

7130

【图文详解】canvas插件安装方法及常用插件推荐

w9

canvas是一个基于云端的开源在线学习系统(LMS),使学校能够构建数字学习环境,以应对远程教学趋势。Canvas简化了教学,提高了学习效率,并消除了支持和发...

7920

直接使用!安装 Canvas一键部署教程

w9

Canvas是一个基于云端的开源在线学习系统(LMS),使学校能够构建数字学习环境,以应对远程教学趋势。Canvas简化了教学,提高了学习效率,并消除了支持和发...

7930

【推荐】TDSQL-A PostgreSQL 版 - 新品上线!

TCS-F

TDSQL-A PostgreSQL 版(TDSQL-A for PostgreSQL)是腾讯自主研发的分布式分析型数据库系统,产品采用无共享架构,具有自研高压...

9920

让前端页面中的文字更加生动有趣

lizhenwen

有时候有些页面需要生动的表现力,我们不得不运用 SVG、CANVAS、CSS、WebGL等等技术来满足需求,笔者收集了一些富有生动表现力的字符串动画效果,里面涵...

10140

手把手教你写一个经典躲避游戏

HZFEStudio

因为作者只是个普普通通的页面仔,并不是从属于游戏行业的开发者。平时会写一些小游戏也只是兴趣使然,脑子里经常会蹦出一些小点子。所以很多知识也只是自己摸索拼拼凑凑来...

26220

canvas多重阴影发光效果

用户3158888

有的人可能会说,这个用阴影其实就可以实现。但是从图中可以看出,是一个比较强烈的发光效果。实际的应用过程中我们会发现用简单阴影参数实现的效果很难达到这样强烈的发光...

20100

canvas可视化效果之内阴影效果

用户3158888

在之前的一个轨道交通可视化项目中,运用到了很多绘制技巧。 可以参考 之前的一篇文章 《利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果》

24610

利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果

用户3158888

近日公司接到一个轨道系统的需求,需要将地铁线路及列车实时位置展示在大屏上。既然是大屏项目,那视觉效果当然是第一重点,咱们可以先来看看项目完成后的效果图。

8200

拓扑/大屏/三维编辑器的设计与思考

用户3158888

开发编辑器的主要目是为了提高团队内部项目的交付效率,目前 两个编辑器都引用到团队的相关项目中。当然,编辑器目前也支持和其他公司的项目合作。 下面是几个项目的示例...

23730

canvas绘制飞线效果

用户3158888

在我们做的可视化大屏项目中,经常会遇到飞线的效果。 在我们的大屏编辑器中,可以通过拖拽+配置参数的方式很快就能够实现。下面是我们使用大屏编辑器实现的一个项目效果...

36140

你知道几种前端动画的实现方式?

2020labs小助手

vivo · 技术编辑 (已认证)

随着互联网的持续发展,H5 页面作为与用户直接交互的表现层越来越复杂,呈现的形式也越来越丰富,从而也要求 H5 页面具有更多的花样性及动画效果。那前端实现动画效...

53620

5分钟搞定图片裁剪,上传

皮小蛋

Shopee · 前端工程师 (已认证)

一开始制作这个需求思路有两个,使用canvas原生或者寻找现成的库,对比了一番觉得canvas实现时间耗费较长,且秉承着不重复造轮子的原则(其实是菜),决定使用...

88210

Canvas 进阶(六)实现图片压缩功能

小皮咖

因此我们设计一个 imageCompress 类,传入一个 option, 其参数有:

34320

vue使用canvas签名之清空和保存

流眸

北京雪扬科技 · web前端 (已认证)

  在一些项目业务中,经常会使用到画板,让用户自己去写/画一些东西做标示,比如说在线签电子合约、签名等,在上两篇博客中,已经解决了PC端和移动端的Canvas签...

53230

干货 | 用uni-app制作迷你PS小程序

腾讯NEXT学位

? ? 该文章主要讲解最近基于 uni-app 框架编写的集图文拖拽等多方位编辑、油墨电子签名、开放式海报于一体的小程序的制作思路和实现代码。 1、完整源码链...

46120

Flutter EasyLoading - 让全局Toast/Loading更简单

huangjianke

Flutter是Google在2017年推出的一套开源跨平台UI框架,可以快速地在iOS、Android和Web平台上构建高质量的原生用户界面。Flutter发...

2.1K10

浅谈移动端过长文本溢出显示省略号的实现方案

2020labs小助手

vivo · 技术编辑 (已认证)

目前在移动端开发的展示界面中,如果一段文本的数量过长,受限于屏幕的宽高等因素,有可能不能完全显示,这个时候就会把溢出的文本显示成省略号。

35420

扫码关注云+社区

领取腾讯云代金券