随笔分类 -  前端图形学

Canvas、Echart、游戏开发...
Vue 使用 vue-svg-icon 插件实现 svg 按需加载
摘要：一、svg 在网页中的一般用法 svg 使用 XML 格式定义图像，基本使用如下： <body> <svg width="50" height="50" version="1.1" xmlns="http://www.w3.org/2000/svg"> <rect width="100%" heig 阅读全文
posted @ 2020-06-28 11:15 Leophen 阅读(2385) 评论(0) 推荐(0)
Canvas
摘要：Canvas 阅读全文
posted @ 2020-04-20 17:03 Leophen 阅读(181) 评论(0) 推荐(0)
JPG、PNG、SVG 和 WEBP 格式图片的业务场景对比
摘要：一、JPG 有损压缩，压缩率高 不支持透明 适用于不需要透明图片的业务场景 二、PNG 支持透明 浏览器兼容性好 适用于需要透明图片的业务场景 三、SVG 矢量图，代码内嵌，相对较小 适用于图片样式相对简单的场景 四、WEBP 压缩程度好 但在 ios webview 有兼容性问题 适用于安卓 阅读全文
posted @ 2020-02-06 22:07 Leophen 阅读(1119) 评论(0) 推荐(0)
png8、png24 和 png32 的区别
摘要：一、png8 256 色 支持透明 png8 包括索引色透明和 Alpha 透明： 索引色透明只能指定一个像素点是否为透明 Alpha 透明则可指定一个像素点的透明度 二、png24 2^24 色 不支持透明 png24 不支持透明度设定，但可用的颜色比 png8 丰富 三、png32 2^24 色 阅读全文
posted @ 2020-01-11 21:57 Leophen 阅读(584) 评论(0) 推荐(0)
深入理解 iframe
摘要：一、什么是 iframe iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架） <iframe src="URL"></iframe> 二、iframe 的常用属性 1、width 定义 iframe 的宽度 2、height 定义 iframe 阅读全文
posted @ 2019-08-24 10:36 Leophen 阅读(3507) 评论(0) 推荐(0)