html5 svg 中元素点击事件添加方法


最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,他们之间详细的区别如下:
Canvas 与 SVG 的比较(详见)
下表列出了 canvas 与 SVG 之间的一些不同之处。

Canvas
•依赖分辨率
•不支持事件处理器
•弱的文本渲染能力
•能够以 .png 或 .jpg 格式保存结果图像
•最适合图像密集型的游戏,其中的许多对象会被频繁重绘

SVG
•不依赖分辨率
•支持事件处理器
•最适合带有大型渲染区域的应用程序(比如谷歌地图)
•复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)
•不适合游戏应用

做出的网页在chorme下可以正常使用,因为要支持移动设备,在android上测试也正常,但是在ipad上打开页面时发现点击事件不管用了,查了很多资料,没有找到问题原因,后来查到w3c中对于svg的描述的demo的确可以实现点击的效果,对比代码,发现自己使用的jquery给svg的元素添加的点击事件,而在svg的元素中没有 onclick="circle_click(evt)"类似描述,添加上onclick="click(evt)"果然在ipad上svg的元素有了点击事件



相关阅读:
php出现web系统多域名登录失败的解决方法
c++动态内存空间示例(自定义空间类型大小和空间长度)
JS实现仿新浪黄色经典滑动门效果代码
Android编程之ListPreference用法实例分析
win10升级C盘东西还有吗 win10自动升级后桌面文件会丢失吗
Android编程实现泡泡聊天界面实例详解(附源码)
基于javascript简单实现对身份证校验
8个实用的jQuery技巧
MySQL性能优化
Win10 Mobile预览版10563上手图集:Edge书签同步等多处改进
PHP中如何调用webservice的实例参考
Android中监听短信的两种方法
Android HTTP网络请求的异步实现
C#中事件的动态调用实现方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 “玉兰花开处”读后感 2016年元宵节灯谜活动方案大全 晶、这不是我想要的! 古代的经纪人“牙子” 非税收入管理局财政票据年检工作情况报告 从半工半读到亿万富姐的传奇 童年的乐趣 一颗小石头的故事作文1400字 矿党委书记在年度表彰大会上的讲话 四季之美,陶醉你我 水调歌头(送周元特) 购售电合同 我爱家乡的果园作文 百货公司新进销售员训练制度_规章制度 花开时节:杜鹃开遍了 一些生活琐碎 保护环境_放烟花 国庆节有感 关于小兴安岭的作文 《柳毅传》教案及练习 骤雨 曾经的现在作文1000字 城管执法工作论文 麦田守护者——读一本好书,会触动心灵。 《故乡》片段赏析作文作文300字 小学五年级作文1200字:关于外星人的作文 白雪公主读后感150字 《古罗马斗兽场》教案 表示累的好句子 休闲假日 大学生电子信息专业实习报告 青春,是遇见,是思念 听过了那么多别人的故事,我依然做着任性的事 神仙不如凡人 我和老弟的战争 酒,喝的半醉的好 真想变成朵朵白云作文200字 关于亲情的诗句 关于情感感情的经典名言 服装公司创业计划书 《留侯论》教案 2013年大学生入党自传 让湿书变平整的奥秘 快乐时光——第二课堂 2015年医院工会工作计划 幸福甜点屋(十)暖心洁羽酥 超级感人的文章,哭死你 关于习惯的作文500字 2016年健康教育工作总结社区 乡镇机关效能建设整改方案

Copyright © 2016 phpStudy |