HTML 画布 第2页
- html2canvas踩过的坑问题汇总及解决办法
-
之前用html2canvas生成过海报，其中遇到的坑还不少，这次总结了下遇到过的问题，希望以后不会踩坑。1.页面存在滚动条的情况下，截图不全场景：当页面内容超出屏幕高度，出现滚动条时，使用html2canvas截图，可能会导致超出可视区域的内容无法被完整截取。解决办法：在截图之前，通过Jav...
- 一文解读前端实现电子签名
-
大家好，我是Echa。创作不易，喜欢的老铁们加个关注，点个赞，后面会持续更新干货，速速收藏，谢谢！在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环节和司法类相关的产品上较多。举个常用的例子，大家都用过钉钉，...
- 利用JavaScript在canvas中画一棵树
-
看到这个网页中在canvas里绘制一棵树，感到很有趣，于是仿照他的源代码，同样也利用JavaScript生成了一棵树。在程序中需要两个对象Branch,BranchCollection。Branch中存放当前正在绘制的这一段树枝的信息，BranchCollection中存放的是所有的树枝。首先对c...
- 2024 最火的5个顶级白板应用，燃爆了!
-
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发!今天给大家细数2024年最火的几个白板应用。话不多说，直接进入正题！excalidrawexcalidraw是一款开源的虚拟手绘风格白板...
- 推荐一款强大多端画板 paint-board 工具
-
大家好，很高兴又见面了，我是"高级前端?进阶?"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！什么是paint-boardpaint-board是一款支持多端操作的趣味美术画板，包括：强大的多端画板，汇聚海量创意画笔，体验全新的...
- canvas学习和面向对象(二)
-
Canvas学习(二)上一篇Canvas学习(一)中我是用canvas绘制了一些基本和组合的图形.现在开始绘制图片和动画帧,以及面向对象的升级版本.还是一样,看代码,所有的代码都托管在github上先看第一个例子,绘制一张图片01-绘制图片.htm<body><can...
- JavaScript开源良心插件，纯前端网页图片剪裁插件——cropperjs
-
介绍cropperjs是一款基于JavaScript的网页端图片裁剪插件，可能相对于图片预览来说，图片的裁剪使用场景貌似并不是很多，但是图片预览插件又要比裁剪插件容易找到，而且从实现难度上来说也不及图片裁剪，今天我们就一起来看看这款良心的图片裁剪插件——CropperjsGithub作者的几个经典作...
- 优秀的Web端开源图片裁剪插件——cropperjs
-
介绍cropperjs是一款基于JavaScript的网页端图片裁剪插件，可能相对于图片预览来说，图片的裁剪使用场景貌似并不是很多，但是图片预览插件又要比裁剪插件容易找到，而且从实现难度上来说也不及图片裁剪，今天我们就一起来看看这款良心的图片裁剪插件——CropperjsGithub作者的几个经典作...
- canvas:你会设置它的绘图尺寸和显示尺寸吗?
-
canvas绘图尺寸莫名其妙的缩放，让我困惑很久的问题我一定要弄明白为什么？本文会告诉你，canvas有两个尺寸，绘图尺寸和显示尺寸背景请先仔细看看这个图片，彩色部分和黑色部分，图片缩放了上面图片整体大小：192×108我本来希望通过drawImage我将一个图片1920×1080，缩小到：192...
- canvas不懂?看这篇文章就够了
-
在前端工作中，canvas是比较重要的一部分，但是很多人入门的人都对其一知半解。阅读本篇文章，带你入门canvas。定义<canvas>标签定义图形，比如图表和其他图像，但必须使用脚本来绘制图形。在画布上（Canvas）可以画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。首先创建...