我正在使用Panzoom.js插件来平移和缩放元素。有一个应用于光标的遮罩,光标在其悬停在图像上的任何位置都会显示底层图像的一部分(想象一下在彩色图像顶部的黑白图像,光标会在光标悬停在图像上的任何位置显示彩色图像的一部分)。当我在Chrome和Safari中放大图像(使用Panzoom)时,鼠标坐标被正确地给出,因此蒙版与光标正确地对齐。然而,在Firefox和IE中,当放大光标时,坐标不正确,因此悬停蒙版与光标不能正确对齐。我是不是漏掉了什么明显的东西?谢谢你调查这个。下面是代码。
var svg = document.querySelector("svg");
var pt
我的目标是一些带有CSS的SVG图像,作为一些元素的背景,并且有一些奇怪的问题。当使用时,它工作得很好,但是当在CSS中使用时,我得到了以下错误:
Resource interpreted as Image but transferred with MIME type text/xml
我已经使用以下代码将一个.htaccess文件添加到提供图像的目录中,但它没有帮助:
AddType image/svg+xml svg
有什么建议吗?