Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/silverlight/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 利用svg在网站上创建地图_Jquery_Python_Ajax_Svg - Fatal编程技术网

Jquery 利用svg在网站上创建地图

Jquery 利用svg在网站上创建地图,jquery,python,ajax,svg,Jquery,Python,Ajax,Svg,我将创建一张地图,您可以在其中选择预订环境中的座位。我想让地图显示座位,哪些有空,哪些没有。用户只需单击地图就可以选择座位 我的想法是将地图放在服务器上的svg图像文件中,然后更改它,例如,当用户与地图交互时,在单击的座椅上更改颜色。这是解决这个问题的好办法吗?我将使用javascript处理位置单击,并将位置发送到python服务器,该服务器将更改svg图像,然后使用ajax更新它 我想知道这是一个好的还是坏的解决方案,以及是否有一个明显更好的解决方案 对于堆栈溢出来说,这实际上不是一个合适的

我将创建一张地图,您可以在其中选择预订环境中的座位。我想让地图显示座位,哪些有空,哪些没有。用户只需单击地图就可以选择座位

我的想法是将地图放在服务器上的svg图像文件中,然后更改它,例如,当用户与地图交互时,在单击的座椅上更改颜色。这是解决这个问题的好办法吗?我将使用javascript处理位置单击,并将位置发送到python服务器,该服务器将更改svg图像,然后使用ajax更新它


我想知道这是一个好的还是坏的解决方案,以及是否有一个明显更好的解决方案

对于堆栈溢出来说,这实际上不是一个合适的问题,因为它是一个推荐请求。话虽如此,您建议的方法是其他许多人使用过的合理方法。使用html5画布元素是否更好?我意识到这几乎与使用svg的方法相同。如果使用Canvas,突出显示座椅或实现悬停效果要困难得多。嗯,这可能是真的。。。哪种方法最适合解决性能问题?每次加载一个图像似乎是一个坏主意,但svg的加载可能没有那么重?很难说哪个会更小。这取决于图像大小和编写SVG的效率。