我正在使用动画交互式图表raphael http://raphaeljs.com/我需要在 iPhone 上顺利工作。我有两个正在努力解决的小渲染问题。
第一个是，每当您单击附加了单击处理程序的 svg 元素时，mobile safari 都会在其周围绘制一个透明的灰色框以指示单击的内容。这与单击超链接时执行的操作相同。在这种情况下，灰色盒子非常难看。是否有任何 css 属性告诉 mobile safari 不要这样做？
第二个问题是动画。在任何动画的持续时间内，mobile safari 都会向 svg 画布添加丑陋的黑色边框。它仅在动画进行时可见，并且仅在画布的底部和右边缘可见。知道如何解决这个问题吗？
这是使用拉斐尔页面上的演示之一的复制和粘贴而拍摄的，只有白色背景。
本文 http://www.codingventures.com/2008/12/using-uiwebview-to-render-svg-files/有一些有用的提示，即...
禁用选择闪光灯：
事实证明，有一种方法可以通过使用 WebKit CSS 属性 -webkit-tap-highlight-color 来关闭此功能，并将颜色的 alpha 设置为 0，在我的 Javascript 代码中可以解决这个问题：
document.documentElement.style.webkitTapHighlightColor = "rgba(0,0,0,0)";
并禁用“操作”弹出窗口：
我需要禁用的第二件事是，如果您点击并按住 UIWebView 的内容几秒钟，就会出现“操作”弹出窗口。这也可以通过名为 -webkit-touch-callout 的 CSS 属性来控制，在本例中将其设置为“none”即可达到目的：
document.documentElement.style.webkitTouchCallout = "none";
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
