天涯论坛

 找回密码
 立即注册
搜索
查看: 4|回复: 4

运用canvas绘制一个google logo照片

[复制链接]

3069

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138952
发表于 2024-7-30 23:06:14 | 显示全部楼层 |阅读模式

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

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

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

表示效果如下:

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

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

-----

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





上一篇:多语言网站怎么样将网页的本地化版本录入 Google - html标记
下一篇:Google字体启用新LOGO,抽象形状中混合了各样字形
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-21 02:31:22 | 显示全部楼层
我完全同意你的观点,说得太对了。
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-3 00:38:25 | 显示全部楼层
感谢你的精彩评论,为我的思绪打开了新的窗口。
回复

使用道具 举报

1

主题

1014

回帖

-3

积分

限制会员

积分
-3
发表于 2024-9-7 11:37:41 | 显示全部楼层
论坛是一个舞台,让我们在这里尽情的释放自己。
回复

使用道具 举报

3047

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065852
发表于 2024-10-27 05:01:29 | 显示全部楼层
系统提示我验证码错误1500次 \~゛,
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|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.