3069
2万
9913万
论坛元老
在html5中,canvas是一个非常重要的标签,html5替代flash就靠它啦,这是基本的入门级办法,除了利用canvas绘制矢量图形之外,咱们还能够在canvas「画布」上绘制现有的图像文件。
在这儿,咱们对以上三个变体分别举例说明。
首要,咱们运用drawImage()的第1个变体在canvas上绘制Google的logo照片(原始尺寸为550 x 190)。
表示效果如下:
此时,咱们运用第2个变体将Google的logo图像缩小到指定的宽度和高度,并绘制到canvas中。
此时就能够在canvas中看到全部图像了:
-----
切图网-最早的前端研发服务机构,专注web前端研发,关注用户体验。关注微X公众号 qietuwang
使用道具 举报
0
1万
1
新手上路
1014
-3
限制会员
3047
3万
9606万
本版积分规则 发表回复 回帖并转播 回帖后跳转到最后一页
站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图
GMT+8, 2024-11-22 22:47 , Processed in 0.132755 second(s), 21 queries .
Powered by Discuz! X3.4
Copyright © 2001-2023, Tencent Cloud.