为什么要用canvas而不直接用div画

「已注销」 2020-04-26 10:46:59

关于canvas的介绍，是2D绘图，看了一些它的API，也就是绘制矩形，绘制圆形，调整角度，渐变....等等，但问题就是这些利用DIV+CSS3都可以完全做到，canvas做动画的时候，也是利用JS来定时执行，每次都会对整个标签界面进行重绘，而用DIV实现动画的时候，我可以只对需要的地方进行动画，那么canvas到底有什么好处啊？为什么这么多人来追捧呢？？？百思不得其解啊。。。。。是在找不出它有什么牛逼的。。。。

...全文

517 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

我爱小仙女 2021-03-01

打赏
举报

回复

canvas绘制复杂图像或者动画是有很大优势的，而且canvas也可以绘制3D的哟。 canvas就是提供了一张画布，而这个画布上画什么都可以的

chenrynet 2021-03-01

打赏
举报

回复

canvas 随心所欲的画想画啥就可以画啥你div 试试

敲可耐的咕魂君 2021-02-27

打赏
举报

回复

多个形状的话canvas是一个节点，div是多个节点，试试用div画一个满天星

HQChart 2020-04-26

打赏
举报

回复

你做一个股票的K线图试试，就知道为什么要用canvas了。你能把我这个https://github.com/jones2000/HQChart k线图用div+css做出来试试

mirrorspace 2020-04-26

打赏
举报

回复

DIV+CSS3可以替代canvas? 不可以吧.否则为什么要发明canvas

基于vue使用canvas实现移动端手写签名！之前自己开发有这么一个需求，需要实现手写签名，然后以图片的形式保存生成图片的base64数据流。自己在网上找了一堆，都不是很完美。然后参考网上的加自己的优化和修改做了一版。希望有需要的朋友可以拿来直接用。 HTML部分：请输入您的签名7： Canvas画板</ca

html-canvas-img-resizer 用于具有HTML5画布的浏览器的图像大小调整器，它不使用外部库，仅使用HTML5 Canvas裁剪图像并输出base64图像数据注意：如果未提供div的高度，则画布的宽度和高度由所提供的div的id确定，高度将根据纵横比进行相应计算去做重组代码以提高可读性添加对固定宽度裁切的支持直接在html中使用 https://cdn.jsdelivr.net/npm/html-canvas-img-resizer@1.0.8/browser/html-canvas-img-resizer.min.js 使用npm或yarn npm i html-canvas-img-resizer or yarn add html-canvas-img-resizer 例子文献资料如何在浏览器中使用 const imageResizer =

课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和...

2023跨年烟花代码，直接打开HTML就可以，非常浪漫，还可以修改文字，亲测有效果 html5夜景放烟花绽放动<em>画</em>效果 <div style="height:700px;overflow:hidden;"> <canvas id='cas' style="background-color:rgba(0,5,24,1);">浏览器不支持canvascanvas> <div class="city">

星网印记此示例 javascript 代码演示了如何使用 html2canvas 开源库打印到 Star Micronics 热敏打印机（如 TSP 654ii webprnt）。直接绘制到 HTML5 画布是一项耗时的工作，无论是开发还是维护。一种更简单更好的方法是使用 HTML div 标签呈现收据并将其转换为画布并将其发送到打印机以下是首先渲染为 html 并将其转换为画布而不是直接在画布中绘制的好处：在画布上绘制文本时，您必须编写自动换行逻辑。 HTML 标签提供自动换行。首先，您必须确定画布（纸）的高度。然后在第二遍中，您必须绘制。从本质上讲，您需要一个两遍逻辑。通过使用 html 进行渲染，您可以消除这种麻烦。可以使用 html 轻松调整图像大小。易于代码维护。您将使用您已经熟悉的相同技术（如 angulajs）。参考

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章