Raphaeljs移动Safari Safari渲染问题

我正在使用raphael制作一个动画，交互式图形，我需要在iPhone上良好地工作。我有2个小问题，我正在努力。Raphaeljs移动Safari Safari渲染问题

首先，只要您点击一个附加了点击处理程序的svg元素，移动Safari浏览器会在其周围绘制一个透明的灰色框来指示点击的内容。当你点击一个超链接时，它的作用是一样的。在这种情况下灰盒子非常丑陋。有没有任何CSS属性告诉移动Safari不这样做？

第二个问题是动画。对于任何动画的持续时间，移动Safari浏览器会在svg画布上添加一个丑陋的黑色边框。它仅在动画正在进行时才可见，并且仅在画布右边缘的底部可见。任何想法如何解决这个问题？

这是使用副本&在raphael的页面上粘贴了一个演示，只是有一个白色背景。

来源

2009-10-10 Bryan

我不得不从您的文章中删除图像，因为ImageShack的有删除它并用广告替换它。有关更多信息，请参阅http://meta.stackexchange.com/q/263771/215468。如果可能的话，你最好重新上传它们。谢谢！ – Undo 2015-09-22 01:06:18

This article有一些有用的提示，即...

禁用闪光灯选择：

原来有一种方法通过使用WebKit的CSS属性的关闭这个功能-webkit-点击高亮颜色，并且颜色的alpha设置为0，在我的Javascript代码的伎俩：
document.documentElement.style.webkitTapHighlightColor = "rgba(0,0,0,0)"; 

和Disablin g弹出“动作”：

我需要禁用的第二件事是如果您点击并按住UIWebView的内容几秒钟时出现的“动作”弹出窗口。这也是通过一个名为-webkit-触摸标注一个CSS属性控制，以及设置在这种情况下，“无”的伎俩：
document.documentElement.style.webkitTouchCallout = "none"; 

来源

2009-10-11 00:27:13 Mobs

谢谢。这对第一个=） – Bryan 2009-10-15 22:57:34

请不要发布答案，除了一个非现场链接不包含有用的内容。如果您链接的页面消失，答案就变得毫无用处。在答案中包含足够的解决方案，以便答案保持有用，然后链接到外部页面作为参考。 – meagar 2012-07-31 19:05:50

Raphaeljs移动Safari Safari渲染问题

回答

相关问题