在SVG中, 你可以将各种事件侦听器直接添加到SVG形状中。
例:
<
!DOCTYPE html>
<
html>
<
body>
<
svg width="500" height="150">
<
rect x="10" y="10" width="100" height="75"style="stroke: black;
fill: silver;
fill-opacity: .4;
"onmouseover="this.style.stroke = 'blue';
this.style['stroke-width'] = 5;
"onmouseout="this.style.stroke = 'green';
this.style['stroke-width'] = 1;
"/>
<
/svg>
<
/body>
<
/html>
立即测试
转换坐标系【SVG事件监听器用法示例】使用transform属性, 可以将图形移动到新位置。你还可以旋转或缩放图形。你必须将transform属性添加到适当的SVG元素中才能转换坐标系。
推荐阅读
- SVG动画(使用时间介绍和示例)
- 爸爸去哪儿第4季萌娃gif动态表情包大全_微信
- 微信公众号历史文章怎样找?微信公众号历史文章搜索办法_微信
- 我与QQ的故事是啥?我与QQ的故事在啥地方弄?
- 页面版新浪微博无法登陆的处理办法_新浪微博
- QQ看点怎样关闭?QQ看点关闭图文详细教程
- 杨洋《微微一笑很倾城》gif表情包大全_微信
- 熊本熊搞笑表情包:武侠剧英雄救美的套路_微信
- 怎样过滤新浪微博中的垃圾信息?_新浪微博