将.ai或.svg文件放到网络上，而不使用Flash

Putting an .ai or .svg file on the web, without Flash

本文关键字：Flash 网络 ai svg 文件更新时间：2023-09-26

这是一个场景:我有一个800kb的Adobe Illustrator文件——它是一个商场的自上而下的图表，每个单独的商店都标有一些文本。元数据显示面积，可用性，数字。

我该如何以一种互动的方式把它放到网上呢?我可以简单地导出PDF到web，但这不是一个很好的体验。我希望能够放大并看到细节(这是一个很大的商场)，也许可以点击发送电子邮件或关于单个空间的消息，以进行查询。

如果是4-8年前，自然的答案是~~Macromedia~~ Adobe Flash !但我们现在处在一个人们希望在手机上看到这些东西的时代。

是否有可能以一种合理有效的方式做到这一点?我试着用svgweb加载文件，但是我的浏览器(任何浏览器)都停止了，我想是因为文件的大小。

有哪些地图是跨浏览器、可缩放和交互式的?

人们在这个领域成功使用了哪些工具或库?感觉GIS工具在这里是值得的，但可能是多余的。

如果你想使用类似于谷歌地图的平铺方法，请查看polymaps。

如果你的svg很大，那么用某种方式拆分它可能是一个好主意，要么通过细节级别/图层，要么通过tile。细节级别可以通过CSS媒体查询来实现，但请注意，这本身并不会使文件大小变小。然而，它应该对外观有积极的影响& &;感觉。

如果你想要一些在所有支持svg的浏览器中都能工作的简单缩放和平移控件，这里有一个例子。

Adobe Illustrator可以导出为SVG，这可能值得探索。

另外，你考虑过栅格化和切割图像成瓷砖吗?你可以做一些类似谷歌地图的东西。