扫码关注官方订阅号
Canvas绘制个简单的图片都好多代码,为什么要用Canvas啊,为啥不直接用一张图片呢
认证高级PHP讲师
如果是画一张一次性的图,当然可以。
但是:
如果图片将来需要调整怎么办,再画一张?如果用Canvas的话,调整一下参数就可以了。
如果要做动画怎么办,画很多张然后定时切换?如果用Canvas的话,编写一段代码逻辑就行了。
另外讲一个故事:
我们曾经的项目组,要做一个图形化显示百分比的效果。类似于一个量筒里装了液体,空时0%,满时100%。于是我一同事让美工画了一百张图,后来我用Canvas给做了,只用了两张图。
某件事物既然存在了,就有存在的价值。
canvas属于html5的一大特性,必有其需求的地方。我说一下,我的一个项目。项目主要需求:图像OCR识别,将图像识别的结果在前段显示出来。识别的结果是图像中的内容。前段需要将每一个内容,用红色的标注线标识出来。前段获取坐标,然后用什么画线呢?用canvas吧。而专业人士在查看结果的时候,非常的挑剔,他需要将图像放缩移动,而且线框也要精确的放缩移动,并且图像的放大,不要导致线框的放大,也就是说,图像放缩后,线框要重新定位坐标,重新画线。不用canvas,我哪来这么多图像啊。
canvas的用处可以总结如下:
常用于动态的,具有特效的图像显示。有漫画的感觉。
canvas可以做3D特效
canvas具有画布的功效,可以设计在线画图
canvas很炫。。。
可重用啊...
合成图片的话用canvas挺方便的
图片是死的,gif是半活的但是不能跟用户交互,Canvas可以跟用户交互,而且绝非画张图片那么简单,可以实现强大的图形效果(包括3D)。这绝对不是一张图片能做到的。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
如果是画一张一次性的图,当然可以。
但是:
如果图片将来需要调整怎么办,再画一张?如果用Canvas的话,调整一下参数就可以了。
如果要做动画怎么办,画很多张然后定时切换?如果用Canvas的话,编写一段代码逻辑就行了。
另外讲一个故事:
某件事物既然存在了,就有存在的价值。
canvas属于html5的一大特性,必有其需求的地方。我说一下,我的一个项目。
项目主要需求:图像OCR识别,将图像识别的结果在前段显示出来。识别的结果是图像中的内容。前段需要将每一个内容,用红色的标注线标识出来。前段获取坐标,然后用什么画线呢?用canvas吧。而专业人士在查看结果的时候,非常的挑剔,他需要将图像放缩移动,而且线框也要精确的放缩移动,并且图像的放大,不要导致线框的放大,也就是说,图像放缩后,线框要重新定位坐标,重新画线。不用canvas,我哪来这么多图像啊。
canvas的用处可以总结如下:
常用于动态的,具有特效的图像显示。有漫画的感觉。
canvas可以做3D特效
canvas具有画布的功效,可以设计在线画图
canvas很炫。。。
可重用啊...
合成图片的话用canvas挺方便的
图片是死的,gif是半活的但是不能跟用户交互,Canvas可以跟用户交互,而且绝非画张图片那么简单,可以实现强大的图形效果(包括3D)。这绝对不是一张图片能做到的。