IPad:Safari和HTML5。加载图形非常慢

IPad:Safari和HTML5。加载图形非常慢,ipad,html,svg,Ipad,Html,Svg,我是意大利人,请原谅我英语不好。问题是 我正试图开发一个网站,通过HTML5为IPad1提供服务。 我得用一个面积仪。 我从一个Xml文件中获取了X和Y坐标来制作这个平面图,并使用SVG“path”标记绘制了它。 问题是,当我在IPad上用手指进行交互时,面积测量图像的加载很重。每一种图像,比如工具提示,我都会添加到求积仪上,然后用手指在缩放、旋转或平移中对其进行修改。。。跳跃。 我试图通过在CSS文件中添加此代码来解决硬件加速问题 #path { -webkit-transform: tra

我是意大利人,请原谅我英语不好。问题是

我正试图开发一个网站,通过HTML5为IPad1提供服务。 我得用一个面积仪。 我从一个Xml文件中获取了X和Y坐标来制作这个平面图,并使用SVG“path”标记绘制了它。 问题是,当我在IPad上用手指进行交互时,面积测量图像的加载很重。每一种图像,比如工具提示,我都会添加到求积仪上,然后用手指在缩放、旋转或平移中对其进行修改。。。跳跃。 我试图通过在CSS文件中添加此代码来解决硬件加速问题

#path  { -webkit-transform: translateZ(0); }
但是什么都没有!!没有变化。 (我在讨论Safari的论坛上读过这个解决方案)

可能问题是我有数千个路径标记(如直线和多段线)要绘制

我希望有人能尽快帮助我


提前感谢

问题很简单,处理器无法在短时间内绘制那么多零件


也许可以使用HTML5中的
标记,然后您可以将图像缓存为位图,这样在移动页面时就不需要重新绘制图像了?

问题是,平面测量必须是交互式的!我必须用一根手指捕捉触摸事件。例如,如果用户触摸特定房间,工具提示将变为可见,并仅显示有关该房间的信息,依此类推。然后,对于平面测量的图像,如果放大,我会失去质量,对吗?接受这个回答,但这不是解决方案。你能简化路径吗?它们是否同时显示在屏幕上?您可能只能加载在给定视图中可见的部分。根据@Taze,您也可以尝试固定的图像背景-您可以通过为每个级别渲染一组图像平铺并在映射引擎中交换它们来实现不同的缩放级别(大量工作!)