svg相关内容

WPF 在 WPF 中使用 SVG 文件作为图标的正确方法是什么

有人可以描述推荐的逐步执行此操作的程序吗? 第一步.将 SVG 转换为 XAML...很简单 步骤 2.现在怎么办? 解决方案 您的技术将取决于您的 SVG 到 XAML 转换器生成的 XAML 对象.它会产生图纸吗?一个图像?网格?画布?路径?几何?在每种情况下,您的技术都会有所不同. 在下面的示例中,我假设您在按钮上使用图标,这是最常见的情况,但请注意,相同的技术适用 ..
发布时间:2021-12-05 16:52:50 其他开发

在 SVG 中嵌入 SVG?

我有一个 SVG 文档,我想在其中包含一个外部 svg 图像,例如: (“对象"只是一个例子 - 外部文档将是 SVG 而不是 xhtml. 有什么想法吗?这甚至可能吗?或者对我来说最好的办法是简单地将 logo.svg xml 放入我的外部 SVG 文档中? 解决方案 使用 image 元素并引用您的 SVG 文件.为了好玩,将以下内容另存为 recursion.svg: ..
发布时间:2021-12-03 14:21:31 其他开发

是否需要诸如“xmlns"和“version"之类的 SVG 参数?

在我在互联网上看到的大约一半的 svg 示例中,代码包含在简单的 标签中. 在另一半中,svg 标签有很多像这样的复杂属性: 我的问题是:可以使用简单的 svg 标签吗?我试过玩弄复杂的,如果我不包括它们,我最后一切正常. 解决方案 所有用户代理(浏览器)都忽略版本属性,因此您可以随时删除它. 如果您将 SVG 内联嵌入 HTML 页面并将该页面作 ..
发布时间:2021-12-03 14:19:30 其他开发

SVG 文本中的自动换行

我想在 SVG 中显示一个 什么会自动换行到容器 与 HTML 文本填充相同的方式 元素.有没有办法做到这一点?我不想使用 s. 来单独定位行 解决方案 文本换行不是 SVG1.1(当前实现的规范)的一部分. 如果您打算在 Web 上使用 SVG 图形,您可以通过 元素将 HTML 嵌入到 SVG 中.示例: ..
发布时间:2021-12-03 14:03:05 其他开发

将 SVG 嵌入到 ReactJS 中

是否可以将 SVG 标记嵌入到 ReactJS 组件中? render: function() {返回 ();} 导致错误: 不支持命名空间属性.ReactJSX 不是 XML. 最简单的方法是什么.使用诸如 R ..
发布时间:2021-12-02 10:44:21 前端开发

如何使用 React Component 在 UI 中显示 svg 图标(.svg 文件)?

我在 react 上看到了很多 svg 库,但没有一个告诉我如何在 react 组件中导入 svg 文件.我看过一些代码,这些代码谈论将 svg 代码带入反应中,而不是使用 .svg 图标作为图像并将其显示在 UI 中. 如果有嵌入图标的方法,请告诉我. 解决方案 如果图片是远程托管的,您可以直接使用带有 img 标签的 .svg 扩展名.> ReactDOM.render( ..
发布时间:2021-12-02 10:18:10 其他开发

如何将样式应用于嵌入式 SVG?

当使用 标签将 SVG 直接包含在文档中时,您可以通过文档的样式表将 CSS 样式应用到 SVG.但是,我正在尝试将样式应用于嵌入的 SVG(使用 标签). 是否可以使用诸如以下代码之类的任何东西? object svg {填充:#fff;} 解决方案 简短回答:不,因为样式不能跨文档边界应用. 但是,由于您有一个 标签,您可以使用脚本将样式表插入到 ..
发布时间:2021-12-01 16:53:04 前端开发

使用 css3 的 SVG 投影

是否可以使用 css3 为 svg 元素设置阴影,例如 box-shadow: -5px -5px 5px #888;-webkit-box-shadow: -5px -5px 5px #888; 我看到了一些关于使用滤镜效果创建阴影的评论.有没有单独使用css的例子.下面是一个工作代码,其中正确应用了 cusor 样式,但没有阴影效果.请帮我用最少的代码得到阴影效果. svg .sha ..
发布时间:2021-12-01 16:52:14 前端开发

如何在边框侧创建带有链接的圆圈

我正在尝试制作一个像this这样的圆圈.我能够在小提琴中制作它,但问题是我需要每个橙色边都是一个链接,而我不能用边框来做.如果有人能帮助我解决这个问题,我将不胜感激. #circle {宽度:200px;高度:200px;边界半径:50%;背景:绿色;}#incircle {宽度:100px;高度:100px;边界半径:50%;边框:50px 虚线橙色;} ..
发布时间:2021-12-01 16:51:36 前端开发

从背景中切出的透明文本

有什么方法可以使用 CSS 制作从背景中切出的透明文本效果,如下图所示? 由于图像替换文本而失去所有宝贵的 SEO 将是可悲的. 我首先想到了阴影,但我什么也想不通...... 图片为网站背景,绝对定位标签 解决方案 css3 可以,但不是所有浏览器都支持 带背景剪辑:文本;您可以为文本使用背景,但您必须将其与页面背景对齐 body {背景:url(http:// ..
发布时间:2021-12-01 16:23:25 前端开发

img src SVG 使用 CSS 更改样式

html css .logo-img 路径 {填充:#000;} 上面的 svg 加载并且本身是 fill: #fff 但是当我使用上面的 css 尝试将其更改为黑色时它不会改变,这是我的第一次玩 SVG,我不知道为什么它不起作用. 解决方案 您可以将 SVG 设置为掩码.这样设置背景颜色将作为您的填充颜色. HTML CSS .logo {背景颜色:红色;-we ..
发布时间:2021-12-01 16:22:17 前端开发

jQuery SVG,为什么我不能添加类?

我正在使用 jQuery SVG.我无法向对象添加或删除类.有人知道我的错误吗? SVG: 不会添加类的jQuery: $(".jimmy").click(function() {$(this).addClass("点击");}); 我知道 SVG 和 jQuery 可以很好地协同工作,因为我可以定位对象并在单击时发出警报: $(".jimmy").click(function( ..
发布时间:2021-12-01 13:54:04 前端开发

如何使用 CSS(jQuery SVG 图像替换)更改 SVG 图像的颜色?

这是我想出的一段方便代码的自我问答. 目前,没有一种简单的方法可以嵌入 SVG 图像,然后通过 CSS 访问 SVG 元素.使用 JS SVG 框架的方法有很多种,但是如果你所做的只是制作一个带有滚动状态的简单图标,它们就过于复杂了. 这就是我想到的,我认为这是迄今为止在网站上使用 SVG 文件的最简单方法.它的概念来自早期的文本到图像替换方法,但据我所知,SVG 从未做过. 问 ..
发布时间:2021-12-01 13:44:02 前端开发

我是使用 <img>、<object> 还是 <embed>对于 SVG 文件?

我应该使用 、 或 将 SVG 文件加载到页面中吗?一种类似于加载 jpg、gif 或 png 的方式? 确保其尽可能正常工作的每个代码是什么?(我在研究中看到了包括 mimetype 或指向后备 SVG 渲染器的参考,但没有看到良好的最新技术参考). 假设我正在使用 Modernizr 检查 SVG 支持并退回(可能用普通的 标签)用于不支持 SVG 的浏览器. 解 ..
发布时间:2021-12-01 13:13:37 前端开发

用背景图像填充 SVG 路径元素

是否可以为 SVG 元素设置 background-image 元素? 例如,如果我设置元素 class="wall",CSS 样式 .wall {fill: red;} 有效,但 .wall{background-image: url(wall.jpg)} 没有,.wall {background-color: red;}. 解决方案 您可以通过将背景制作成 模式: ..
发布时间:2021-12-01 12:53:23 前端开发

jQuery attr() 无法设置属性

我正在尝试通过 svg 的 transform 旋转图像.这是我的代码: 这在页面加载时成功地将 logo.png 旋转了 90 度.此外,当我在 firbug 的 HTML 选项卡中将 90 ..
发布时间:2021-11-30 15:21:21 前端开发

jQuery 中的 attr() 是否强制小写?

我正在尝试操作如下所示的 svg 'viewBox' 属性: ... 使用 $("svg").attr("viewBox","..."); 然而,这会在名为“viewbox"的元素中创建一个新属性.注意小写而不是预期的驼峰式.我应该使用其他功能吗? 解决方案 我能够使用纯 javascript 来获取元素并通过使用设置属性 var svg = document.ge ..
发布时间:2021-11-30 15:13:48 前端开发

高度:SVG 上的自动不起作用

我正在尝试使用此处详述的“符号"方法来使用 SVG 精灵表. http://css-tricks.com/svg-sprites-use-better-icon-fonts/ 我的 HTML 非常简单. 这是来自 SVG 文件的示例符号 ..
发布时间:2021-11-29 09:29:45 前端开发