HTML5
文章平均质量分 92
Keen__
没有简介
展开
-
前端二进制系列二:前端网络图片预览
一、网络下载图片 -> 图片预览 上文主要讲了本地获取图片进行预览,我们也可以通过 Fetch API 从网上从网络上获取图片,然后在进行图片预览。 当然对于网络上可正常访问的图片地址,我们可以直接把地址赋给 img 元素显示,这是最常见的使用方式,并不需要通过 fetch API 绕一大圈。 但如果在显示图片时你需要对图片进行特殊处理,比如解密图片数据时,你就可以考虑在 Web Worker 中使用 fetch API 获取图片数据并进行解密操作。 现在使用 fetch API 获取我的掘金头像,具原创 2021-04-04 15:21:47 · 775 阅读 · 0 评论 -
Canvas的JS操作基本功
创建 Canvas 画布 Canvas没有设置宽高,那么会自动创建一个 300 * 150 的画布(单位默认为 px)。 可以通过html属性设置或JS 属性设置 width、height。不要使用 CSS 设置,CSS的宽高设置会影响canvas的宽高比例。如下代码为用html属性设置。 <!DOCTYPE html> <html lang="en"> <head&...原创 2019-10-07 23:15:49 · 3178 阅读 · 0 评论