腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端自习课

每日清晨，享受一篇前端优秀文章。

专栏作者

537

文章

709482

阅读量

65

订阅数

【总结】1796- 原生 canvas 如何实现大屏?

渲染缓存 canvas 函数浏览器

https://lxfu1.github.io/large-screen-visualization/

2023-09-14

1880

【Web技术】1528- 来自大厂前端页面截图方案

canvas api cdn 网站

将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。

2023-02-13

2.3K0

【CSS】1175- 使用 CSS 将爱心图片变成“伪像素风”

像素风是一种以固定大小纯色像素方块作为基本单元，进行创作，包含但不限于绘画、建筑、游戏更各个领域的一种美术风格。其中最让人耳熟能详的，当然是早期电子游戏的像素画面啦~

2021-12-22

7290

【CSS】1140- Canvas 制作水波图实现原理

canvas https 网络安全

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。

2021-11-17

8550

【Web技术】谈谈水印实现的几种方式

canvas https node.js 网络安全 github

日常工作中，经常会遇到很多敏感的数据，为防止数据的泄露，我们要在数据上做一些”包装“。目的就是让那些有心泄露数据的”不法分子“迫于严重的”舆论压力“而放弃不法行为，使之”犯罪未遂“，达到不战而屈人之兵的效果。而在安全部门工作的我们，数据安全的观念早已深入骨髓，每个文字，每张图片，都要留心是否有泄露的风险，怎么防止数据泄露，是我们一直思考的问题。比如图片的水印，就是我们工作过程中经常涉及到的问题。因为本身工作内容就是审核平台的开发，经常有一些风险图片会在审核平台出现，考虑到审核人员的安全意识参差不齐，所以为防止不安全的事情发生，图片增加水印的工作是必须要做的。

2021-10-20

1.1K0

【优化】949- 你必须知道的图片性能优化方式

canvas 渲染 https 网络安全缓存

前言：其实图片优化网上有非常多的方案，这份初探里面做的更多的是从不同方向进行的探索～

2021-05-14

7620

【拓展】937- 科普：探讨浏览器指纹

canvas api 网站 https 网络安全

我们常说的指纹，都是指人们手指上的指纹，因具有唯一性，所以可以被用来标识一个人的唯一身份。而浏览器指纹是指仅通过浏览器的各种信息，如CPU核心数、显卡信息、系统字体、屏幕分辨率、浏览器插件等组合成的一个字符串，就能近乎绝对定位一个用户，就算使用浏览器的隐私窗口模式，也无法避免。

2021-04-26

8590

【JS】936- File、Blob、dataURL 和 canvas 的应用与转换

php canvas html javascript api

(1) 通常情况下， File 对象是来自用户在一个 input 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLCanvasElement 上的 mozGetAsFile() API。

2021-04-26

2.4K0

【Web技术】929- 前端海报生成的不同方案和优劣

网络安全 https html github canvas

首页测试demo：https://html2canvas.hertzen.com/

2021-04-26

1.4K0

【JS】928- 用 Canvas 编辑你的图片

大家好，我是 canvas ，我能让大家通过 canvas 标签，用JavaScript来绘制图形。除此之外，动画，游戏图形，数据可视化，照片处理和实时视频处理都难不倒我噢~

2021-04-26

4.4K0

【Web技术】907- 前端图片最优化压缩方案

文件存储 php canvas html

上传图片/视频/文件是我们经常会遇到的问题，但是一旦图片过大就会导致不好的操作体验。图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理，可以显著的提升用户体验。而在后台管理系统中，图片压缩不仅仅能够提升后台管理员操作体验，更是可以防止后台设置过大的图片导致前台图片加载过久，从而影响用户体验。

2021-04-07

8610

【Web技术】774- 基于canvas完成图片裁剪工具

本文是基于canvas去实现图片裁剪工具。因为canvas代码还是比较长的，尽量写思路，完整代码已放在github上。

2020-11-19

1.1K0

【小程序】728- 小程序如何生成海报分享朋友圈

小程序 canvas 微信

https://segmentfault.com/a/1190000019083548

2020-09-30

1.2K0

【CSS】398- 原生JS实现DOM爆炸效果

css canvas javascript 编程算法

此次分享是一次自我组件开发的总结，还是有很多不足之处，望各位大大多提宝贵意见，互相学习交流。

2019-11-05

3.3K0

解决canvas在高清屏中绘制模糊的问题

canvas 渲染 html

因为 canvas 不是矢量图，而是像图片一样是位图模式的。高 dpi 显示设备意味着每平方英寸有更多的像素。也就是说二倍屏，浏览器就会以 2 个像素点的宽度来渲染一个像素，该 canvas 在 Retina 屏幕下相当于占据了2倍的空间，相当于图片被放大了一倍，因此绘制出来的图片文字等会变模糊。

2019-09-09

5.8K0

【Canvas】311- 解决 canvas 在高清屏中绘制模糊的问题

canvas 渲染 html

因为 canvas 不是矢量图，而是像图片一样是位图模式的。高 dpi 显示设备意味着每平方英寸有更多的像素。也就是说二倍屏，浏览器就会以 2 个像素点的宽度来渲染一个像素，该 canvas 在 Retina 屏幕下相当于占据了2倍的空间，相当于图片被放大了一倍，因此绘制出来的图片文字等会变模糊。

2019-08-09

1.6K0

【Canvas】232-Canvas 最佳实践（性能篇）

canvas api 渲染 javascript 游戏

Canvas 想必前端同学们都不陌生，它是 HTML5 新增的「画布」元素，允许我们使用 JavaScript 来绘制图形。

2019-07-25

1.6K1

【Canvas】266- 更优雅地基于 canvas 在前端画海报

css canvas json html api

我们的业务涉及电商、教育行业，出于营销以及功能需要，会有很多卡片展示（长按保存）的需求，或者分享长图的需求。以及我们有面向商家的 PC 端，商家端又能编辑、实时预览卡片的样式。

2019-07-25

1.4K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态