svg自适应大小载入页面

risefei_sarah 2007-12-04 11:16:41

就是我存了一个大的svg文件然后想embed页面时可以自适应大小而不是裁减掉一部分
另外我用 object会出错

...全文

359 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

ImN1 2011-07-20

打赏
举报

回复

不考虑低版本ie的话，可以直接用img标签，呵呵

去圣西罗-为尤文喝彩 2011-07-16

打赏
举报

回复

SVG 是一个 XML 文档，尝试用解析XML的方式，获取SVG的数据。

lilianplayer_163 2011-07-08

打赏
举报

回复

也在关注这个问题，楼主如果解决了，可以把答案贴上来吗？

vue2 使用 require() 引入 svg 使用vue3 + ts + vite 使用 vite-svg-loader 插件引入svg 使用并最终实现代码提示一样使用图标文件。

要注意的是，这并没有在根本上改变 web 图标渲染的方式，底层依然是基于前文提到的各种方案。在浏览器中使用的是图形渲染，所以就是实实在在的路径。：icon-font 图标通过伪元素插入，依赖于 line-height ， vertical-align，letter-spacing ， word-spacing ，字体字形设计（它的四周有留白吗？范围内）并为其绘制字形，同时生成好一堆预定义的图标名 class name，通过 web font 的方式加载资源，通过对应的 class name 来引用图标。

你可以在很多地方看到三角形(小三角)：tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢，这些小元素对各UI元素之间的联系关系式很重要的。有一些不同的方法来设计并制作一个三角形，在本文中，我将介绍：编码图片假如你已经有了三角形的图片，并且减少HTTP请求，那么将这个图片转换成一个BASE64字符串是最好的解决方案。有用的工具(用于图片转换成BASE64编码):...

基于Vue完全开源免费的企业后台产品前端集成方案,D2Admin 是一个完全开源免费的企业中后台产品前端集成方案，使用最新的前端技术栈，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。功能使用 vue-cli3 构建首屏加载等待动画五款主题内置 UEditor 富文本编辑器详细的文档登录和注销分离的路由和菜单设置可折叠侧边栏多国语富文本编辑器Markdown 编辑器...

作者：一只小前端链接：https://www.jianshu.com/p/2acb66b2ed28什么是icon？让我们先来看一个例子：我们以简书为例子，图中看到的用圆圈起来的部分都是i...

61,117

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章