草庐IT

svg-edit

全部标签

html - 如何使 SEO 和屏幕阅读器可以访问由 svg 图形组成的标题?

我有一个标签中只有SVGLogo,但网络爬虫和屏幕阅读器无法访问它。我应该如何让他们访问它? 最佳答案 在svg标签内使用title和desc标签为网络爬虫提供替代方案。对于屏幕阅读器,您还应该添加一个aria-label属性。titledescription 关于html-如何使SEO和屏幕阅读器可以访问由svg图形组成的标题?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3

css - 直接包含 SVG 时的辅助功能

我一直在使用样板.ir有时用图像替换Logo和图标的文本。.ir{background-color:transparent;border:0;overflow:hidden;white-space:nowrap;*text-indent:100%;}.ir:before{content:"";display:block;width:0;height:150%;}但现在我想开始将svgs用于我所有的图标和Logo,以及将svgs用作背景或时你无法控制svg的内部结构ie我将无法更改填充颜色。所以我想知道的是,在保持良好的标题和链接SEO的同时包含svg的最佳方式是什么?或者有什么方法可以

html - Javascript 生成的 SVG 文本是否会被搜索引擎编入索引?

我担心使用SVG制作产品动画演示。平面动画有点太复杂,无法通过常规DOM操作(非SVG)实现,当然Canvas不是替代方案,因为内容必须由搜索引擎索引。动画已经模拟并遵循排版样式。这种担忧源于这样一个事实,即我不知道SVG中动态生成和注入(inject)的文本是否会像其他DOM元素一样被搜索引擎索引,或者它是否会被索引!?很高兴知道这里是否有人已经在实践中处理过这种情况,以及索引是否按预期发生(尽管任何好的和有据可查的假设都可以提供帮助)。在否定的情况下,也欢迎替代解决方案。 最佳答案 不-当它被抓取时它不会出现在您的页面中。如果您

WebPack加载SVG用白色边框加载

我有一个通过文件加载器加载的SVG,指向我的.scss文件中的路径,出于某种奇怪的原因,它具有白色边框。如果我设置了CSS寄宿生,它将设置在白色之外。我检查了该文件,以确保其没有白色背景。这是确认的。menubar.jsimportReact,{Component}from'react';classMenuBarextendsComponent{render(){return(SkyHQSettings);}}exportdefaultMenuBar;menubar.scss:.menu-bar.logo{position:relative;background:url('../images/

如何避免在SVG的外国对象内缩放元素?

我想将SVG用作DIV元素的容器,该容器应包含多个元素。目前看起来像这样:I'maverylongtext.WhyamIsobig?CSShtml,body{width:100%;height:100%;}#screen{background:green;overflow:scroll;width:100%;height:100%;font-size:10px;}JSFIDDLE我的问题是,屏幕范围内的所有元素都比预期的要大。例如请参阅滚动条或文本的大小。我认为foreignObject以与SVG相同的因素缩放。有没有办法避免这种情况?我可以将DIV归一化吗foreignObject不缩放还是

seo - SVG 链接和搜索引擎抓取

我对直接在SVG中编码的链接有疑问。例如,菜单。他们所谓的SEO友好吗?搜索引擎会识别它们还是我必须在HTML中复制它们?谢谢。 最佳答案 谷歌索引它。http://searchengineland.com/google-search-now-indexes-crawls-svg-files-49695 关于seo-SVG链接和搜索引擎抓取,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

html - Bing 网站管理员工具说包含 <title> 标签的嵌入式 SVG 的 SEO 不好

我在一个网站上工作,在该网站上我使用了直接嵌入到HTML5页面中的SVG。我用SVG中的标签以获得鼠标悬停工具提示效果,以提供有关图像的一些信息。一切正常,但当我使用Bing网站管理员工具检查我的网站时,它告诉我,由于多个,我完成此操作的页面存在SEO问题。页面内的标签。我真的需要担心这个吗?如果是这样,我可以使用任何替代方法来获得与相同的效果吗?标签。Google网站管理员工具不会提示这个问题,只有Bing,所以我真的不确定从SEO的角度来看这是否是一件坏事。 最佳答案 根据w3文档,您对标签的使用是正确的。确保它是SVG中的第一

c++ - 从 MFC 应用程序连接到 SQL Server Compact Edition (.sdf)

我正在VisualStudio2008中构建一个对纹理进行分类的MFC应用程序,我需要某种轻量级数据库来保存特征(只是一些double和字符串),这些特征可以是:在不同的计算机上随身携带该应用程序能够从应用程序对其执行查询(搜索、更新、插入等)目前我正在研究SQLServerCompactEdition,因为它很容易从VisualStudio创建(我也只需要一个表)。但是我很难从C++连接和更新数据库。这是我在MSDN上找到的关于C++和SQLCE的内容:public:voidcreateSqlCeConnection(){SqlCeConnection*myConnection=ne

c++ - 在 qgraphicsview 中忽略 svg 图像透明部分上的鼠标事件?

我正在处理包含大量svg图像的图形View(使用C++和Qt)。我拦截了对它们的点击,但我不想在鼠标悬停在svg项目的透明部分上时接收事件(或能够忽略它们)。这可能吗?是否应该专门为此类用途设计svg文件?是否有一些我(还)没有听说过的隐藏Qt选项? 最佳答案 有一个CSS属性可以应用于SVG元素,pointer-events,尽管默认值为visiblePainted:Thegivenelementcanbethetargetelementforpointereventswhenthe‘visibility’propertyisse

如何替换< switch>&<外国对象>在SVG文件中?

我正在开发一个Android应用程序,并希望实现可绘制的向量。当我导入时,在AndroidStudio中使用AndroidVectorAssetStudio时.svg文件它向我显示以下错误:我拜访了官员地点他们说,此类标签尚未得到支持,因为资产工作室可以处理非常简单的图像。我在想是否有任何方法可以将这些标签替换为等效标签支持的。我不知道该怎么做。请帮忙,谢谢!:)看答案如果要使用向量图像,则可以简单地将SVG图像转换为向量图像这里然后,您可以将此向量用作可绘制的图像。