SVG
文章平均质量分 80
奋飛
乐观、勇气、专注、果断、好奇、公正、慎思、真诚、追求极致追求完美、诚信!独立撰写了多个前端专题模块,访问量达百万级。多次负责组织大数据可视化前端架构平台开发工作。对前端新技术、新潮流具有很强的敏锐力和洞察力!
展开
-
从SVG到Canvas:选择最适合你的Web图形技术
SVG 和 Canvas 都是可以在 Web 浏览器中绘制图形的技术。众所周知, icon 通常使用 svg(如 iconfont),而交互式游戏采用 Canvas。二者具体的区别是什么?该如何选择?原创 2023-08-21 18:05:16 · 546 阅读 · 0 评论 -
网页中如何使用SVG
将SVG作为图像1. 将图像包含在 HTML 标记的 <img> 元素内当图像是页面的基本组成部分时,推荐这种方式。<img src="radar.svg" title="雷达图" alt="雷达图"><div class="txt">将SVG作为图像</div>对于栅格图像,其固有尺寸就是它的像素尺寸。对于 SVG,则:① 如果文件中的根元素 <svg> 带有明确的 height 和 width 属性,则它们会被用作文件的固有尺寸.原创 2021-02-16 21:51:26 · 1120 阅读 · 0 评论 -
一网打尽位图与矢量图
计算机中描述图形信息的两大系统是栅格图形「又称位图」(raster graphics)和矢量图形(vector graphics)。下述,对栅格图形和矢量图形进行对比。概念栅格图形,是由像素的单个点组成的,每个像素用其 RGB 颜色值表示。栅格图形通常以某种压缩格式存储;显示栅格图形仅需要一个阅读器将其解压并传输到屏幕上。栅格图形常见压缩方式:从位图图片中选择最有代表性的若干种颜色(通常不超过256种)编制成颜色表,然后将图片中原有颜色用颜色表的索引来表示。这样原图片可以被大幅度有损压缩。适合于压缩原创 2021-02-16 09:21:28 · 489 阅读 · 3 评论