运用canvas绘制一个google logo照片

qzmjef

在html5中，canvas是一个非常重要的标签，html5替代flash就靠它啦，这是基本的入门级办法，除了利用canvas绘制矢量图形之外，咱们还能够在canvas「画布」上绘制现有的图像文件。

在这儿，咱们对以上三个变体分别举例说明。

首要，咱们运用drawImage()的第1个变体在canvas上绘制Google的logo照片(原始尺寸为550 x 190)。

表示效果如下：

此时，咱们运用第2个变体将Google的logo图像缩小到指定的宽度和高度，并绘制到canvas中。

此时就能够在canvas中看到全部图像了：

-----

切图网-最早的前端研发服务机构，专注web前端研发，关注用户体验。关注微X公众号 qietuwang

流星的美

我完全同意你的观点，说得太对了。

流星的美

感谢你的精彩评论，为我的思绪打开了新的窗口。

bitheerani12500

论坛是一个舞台，让我们在这里尽情的释放自己。

b1gc8v

系统提示我验证码错误1500次 ＼~゛，

wrjc1hod

谢谢、感谢、感恩、辛苦了、有你真好等。