`
haoningabc
  • 浏览: 1477042 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

svg显示错误

阅读更多
转载http://blog.csdn.net/sclxf/archive/2009/09/20/4572051.aspx

如何在鼠标移动到特定的svg元素上时,将指针形状改为手状呢?

在希望发生效果的元素周围加上a xlink:href=""即可

如下所示:

<a xlink:href="">
<text id='xxx' x='250' y='250' fill='black' font-family='Verdana' font-size='10' onclick='hostTextonClick(evt)'>xxx </text>
</a>

但是在firefox中显示会出现错误,提示XML Parsing Error: prefix not bound to a namespace,解决办法是:

在svg文件开头补全xmlns,可以写上如下两个:<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">,就ok了。

至于IE就没这个问题。

但是加了a xlink:href=“”之后,

原有的onclick事件响应函数在firefox中不起作用了,在IE中还是没问题
分享到:
评论

相关推荐

    SVG绘制响应式404错误网页.zip

    在这个“SVG绘制响应式404错误网页.zip”项目中,SVG技术被用来创建一个动态且富有创意的404错误页面,这种页面在用户尝试访问不存在的页面时会显示出来。以下是关于这个项目的一些关键知识点: 1. **404错误**:...

    QT svg解析测试demo

    QT,作为一款跨平台的C++开发框架,提供了对SVG的支持,允许开发者在QT应用中显示和操作SVG图形。本文将详细介绍一个使用QT进行SVG解析测试的Demo,以及相关的QT SVG功能。 首先,让我们了解QT中的QSvgRenderer类。...

    svg to pdf svg2pdf

    7. **优化与问题处理**:转换过程中可能会遇到的问题包括字体缺失、图像质量下降、复杂图形渲染错误等。这些问题通常需要根据具体情况进行调整,例如,确保所有使用的字体都在目标系统中可用,或者对SVG进行适当的...

    svg转化为图片

    在IT行业中,SVG转换为图片(通常是位图格式,如JPEG、PNG或GIF)的需求常常出现,这可能是为了兼容不支持SVG的浏览器,或者为了在某些平台上更好地显示。描述中提到的“修正了原开源项目中文字无法展示的问题”,这...

    c# SVG转Image

    然而,有些情况下,我们可能需要将SVG图像转换为位图图像,例如Image格式,以便在不支持SVG的环境中显示或处理。这个项目“c# SVG转Image”就是解决这个问题的。 SVG转Image的核心在于解析SVG文件并将其渲染为位图...

    在线图片转SVG网站HTML源码

    7. **错误处理**:良好的源码还会包含错误处理机制,比如检查文件类型、处理文件过大等问题,确保用户体验顺畅。 了解这个源码可以帮助开发者学习如何处理图像数据,实现Web上的动态转换功能,同时对SVG和Canvas有...

    C#Svg转换为png/jpeg等图片(C#版)

    例如,在Web应用中,用户可能需要将SVG图标或图形下载为PNG或JPEG格式以便于打印或在不支持SVG的浏览器中显示。以下是一个详细的步骤,介绍了如何在C#中实现这种转换: 1. **引用库**:首先,你需要引入一个能够...

    HTML5 SVG动画404页面,活泼有趣,适合用在网站404页面,兼容主流浏览器

    5. **响应式设计**:确保404页面在不同设备和屏幕尺寸上都能正常显示和交互,这可能涉及到调整SVG的尺寸和布局,以及适配触屏事件。 6. **用户体验**:设计404页面时,除了视觉效果,还要考虑用户体验。提供清晰的...

    save-ps-to-svg1.0.jsx 让Ps支持svg格式

    在标签中,“PhotoS”可能是“Photoshop”的拼写错误,而“svg”代表了SVG格式,表明这个脚本与这两个主题紧密相关。 至于压缩包内的文件“save-ps-to-svg1.0.jsx”,这就是我们要关注的主要内容。它是整个过程的...

    记:关于nextcloud的中国大陆本地化的存储错误svg修改

    SVG是一种基于XML的矢量图像格式,广泛用于网页和应用程序中的图形显示。在Nextcloud中,SVG文件可能被用于图标、指示器或其他视觉元素。存储错误可能意味着用户在上传、下载或访问SVG文件时遇到问题,这可能影响到...

    使用Glide在Android中加载SVG.zip

    然而,原生的Android SDK并不支持直接显示SVG,因此开发者需要借助第三方库来实现这一功能。本教程将深入探讨如何使用流行的图片加载库Glide来加载SVG资源。 Glide是一款高效的图片加载库,它支持多种图像格式,...

    svg-android,安卓SVG矢量图形支持.zip

    SVG(Scalable Vector Graphics)是一种基于XML的矢量图像格式,它允许在网页和应用程序中创建和显示复杂的图形,而这些图形无论放大多少倍都能保持清晰无损。在Android平台上,由于原生系统对SVG的支持有限,开发者...

    前端项目-svg-injector.zip

    8. **错误处理**:当SVG图标加载失败时,SVG Injector会提供相应的错误处理机制,帮助开发者定位问题。 9. **示例和文档**:SVG Injector项目通常会包含详细的使用示例和文档,方便开发者快速上手和理解如何在自己...

    将svg画布内容转成canvas,转换成png图片下载

    在实际应用中,你可能还需要处理SVG的样式、透明度、以及错误处理等问题。`svg_canvas_png`压缩包文件可能包含了示例代码或进一步的辅助工具,你可以结合这些资源进行实践和调试。在开发过程中,确保遵循浏览器兼容...

    Ajax在实时绘制SVG图表中的应用研究及实例详解

    7. 错误处理:确保在Ajax请求失败时,有适当的错误处理机制,如显示错误信息或回退到非实时模式。 实例详解: 一个简单的实例可能涉及创建一个动态的折线图,用户输入数据后,使用Ajax将数据发送到服务器,服务器...

    SVG1#_test.zip_CCS SVG_SVG CCS_SVG实验平台程序;_SVG测试程序;

    这样的平台对于教育、研究和产品开发非常有用,因为它允许用户在实际环境中测试SVG图形的生成和显示。 SVG测试程序则是为了确保这个实验平台的正常运行而设计的。它可能包含一系列测试用例,用于检查SVG图形的渲染...

    qtsvg-everywhere-src-5.15.0.zip

    它允许开发者在Qt应用程序中加载、显示和操作SVG图形。SVG格式的优点在于它基于XML,因此可以被文本编辑器打开,易于创建、修改和理解。此外,SVG支持动画,使得它在创建动态图形时特别有用。 **版本5.15.0:** 这...

    vscode-svg-previewer:Vscode SVG预览器

    命令描述SVG:打开预览将预览打开到活动视图列SVG:打开侧面预览打开预览到侧视图列SVG:显示源活动预览的开源文件设定: 财产描述默认svg.preview.autoOpen 自动在侧面打开预览错误的键盘快捷键: 命令键绑定SVG:...

    Twaver Web SVG 开发说明文档

    - **5.2 SVG 中图片在浏览器内不能正确显示** 这种情况通常是由于图片路径不正确或者图片格式不被浏览器支持导致的。解决方法是检查图片路径是否正确,同时确保使用的图片格式(如 PNG、JPEG 等)被浏览器支持。 ...

Global site tag (gtag.js) - Google Analytics