SVG脚本编程的一些技巧

原创 2013年01月11日 11:31:27

1、在IE中如何调试SVG中的脚本

a、去掉IE设置中的“禁止脚本调试”

b、打开注册表,找到“[HKEY_CURRENT_USER\Software\Microsoft\Windows Script\Settings]”,设置"JITDebug"=dword:00000001

c、然后就可以用vs.net来进行调试了

2、解决IE中需要点击才能激活svg插件的问题

编写一个脚本文件(embed.js),在脚本文件中写下如下代码:

document.write("<embed id='mapObject' type='image/svg-xml' src='./map.svg' height='100%' width='100%' />");

在html代码中,插入SVG插件的代码这样写:

<div>
<script src="./js/embed .js" language="javascript"></script>
</div>

3、在SVG embed上绘制HTML元素

设置embed元素的“wmode”属性的值为“transparent”

4、矩阵变化参数(transform="matrix(a,b,c,d,e,f)")

平移变换(translate) : (1,0,0,1,tx,ty)

伸缩变换(scale) : (sx,0,0,sy,0,0)

旋转变换(rotate) : (cos(a),sin(a),-sin(a),cos(a),0,0),a是旋转的角度

X轴歪斜变换(skewX): (1,0,tan(a),1,0,0),a是歪斜的角度

Y轴歪斜变换(skewY): (1,tan(a),0,1,0,0),a是歪斜的角度

5、中文字体对应的英文名称

English Name Localized Name
SimSun 宋体
SimHei 黑体
FangSong_GB2312 仿宋_GB2312
KaiTi_GB2312 楷体_GB2312
YouYuan 幼圆
STSong 华文宋体
STZhongsong 华文中宋
STKaiti 华文楷体
STFangsong 华文仿宋
STXihei 华文细黑
STLiti 华文隶书
STXingkai 华文行楷
STXinwei 华文新魏
STHupo 华文琥珀
STCaiyun 华文彩云
FZYaoTi 方正姚体简体
FZShuTi 方正舒体简体
NSimSun 新宋体
LiSu 隶书

6、判断鼠标事件来源
在SVG中会经常遇到判断鼠标事件来源的问题,比如:鼠标单击或者双击、滚轮事件等等。这里做一个简单的

介绍。

判断鼠标是左键还是右键?
在onclick事件中,if(evt.button==0)则为左击,否则为右击
无论单击还是双击evt.detail==1
判断鼠标是单击还是双击?
在onclick事件中,if(evt.detail==2)则为双击,否则为单击
判断鼠标的滚轮事件?

function mousewheel()
{
origscale=root.currentScale;
origscale +=event.wheelDelta / 1200;
if (origscale > 0)
{
root.currentScale=origscale;
root.currentTranslate.x=midx*root.currentScale+event.offsetX*(1-root.currentScale/midscale);
root.currentTranslate.y=midy*root.currentScale+event.offsetY*(1-root.currentScale/midscale);

midscale=root.currentScale;
midx=root.currentTranslate.x/root.currentScale;
midy=root.currentTranslate.y/root.currentScale;
}
}

版权声明:本文为博主原创文章,未经博主允许不得转载。https://github.com/luqin

SVG脚本编程的一些技巧

1、在IE中如何调试SVG中的脚本 a、去掉IE设置中的“禁止脚本调试” b、打开注册表,找到“[HKEY_CURRENT_USER\Software\Microsoft\Windows Scri...
  • mtfsoft
  • mtfsoft
  • 2012年04月28日 20:55
  • 875

Svg脚本编程简介

本文主要介绍SVG的脚本编程,并分别给出放大、缩小,查询,鼠标事件等实例。 一、           SVG简介 SVG,全称为Scalable Vector Graphics(可伸缩矢量图形)。...

Shell脚本编程之创建文本菜单

Shell脚本编程之创建文本菜单

Linux Shell 脚本编程(9)—文本过滤(sed命令)

Linux Shell 脚本编程(9)—文本过滤(sed命令)文本过滤 正则表达式 —Linux Shell 脚本编程(5)—文本过滤(正则表达式) grep 命令 —Linux Sh...

python脚本编程:使用zip或者tar压缩和解压文件

python自带了zip和tar压缩和解压相关的工具模块,可以方便的进行(批量)压缩和解压文件或者文件夹。代码#coding=utf-8 import os import zipfile import...

Shell脚本编程——监控系统内存之free

应用编程中,比较常见的错误是内存方面的问题,比如内存泄漏。内存问题带来的影响较广泛,大至内存耗尽(OutOfMemory)或系统崩溃,小至拖慢进程的运行速度。而且,很多系统为了加快进程的启动速度,采用...
  • r_luo
  • r_luo
  • 2013年03月08日 22:01
  • 975

Linux Shell 脚本编程(8)—文本过滤(awk命令)

Linux Shell 脚本编程(8)—文本过滤(awk命令)文本过滤 正则表达式 —Linux Shell 脚本编程(5)—文本过滤(正则表达式) grep 命令 —Linux Sh...

高级Bash脚本编程指南(28):文件与归档命令(一)

高级Bash脚本编程指南(28):文件与归档命令(一) 成于坚持,败于止步 归档命令 tar 标准的UNIX归档工具. 起初这只是一个磁带归档程序, 而现在这个工具已经被开发为通用打包程序, ...

高级Bash脚本编程指南(1):从一个简单的script出发

高级Bash脚本编程指南:从一个简单的script出发 成于坚持,败于止步 开始shell脚本编程学习,路途遍布荆棘啊,O(∩_∩)O~,开始吧,这是“高级Bash脚本编程指南”为我们量身打造的“...

Linux Shell 脚本编程从入门到精通 (笔记1)

shell 和vim补充内容 常见的shell Bourne shell,  C shell Korn  shell,这三种情况,bash shell 是Bourn shell 的扩展,位于 /...
  • a158337
  • a158337
  • 2015年03月18日 16:07
  • 3594
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SVG脚本编程的一些技巧
举报原因:
原因补充:

(最多只允许输入30个字)