- 浏览: 132346 次
- 性别:
- 来自: 未来
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站,信息收集综合及分类 (0)
最新评论
-
calosteward:
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316:
fhhhh
WinArchiver 2.7 -
long316:
ddddd
WinArchiver 2.7
http://www.w3.org/TR/SVG11/text.html#TextElement
4.4 坐标的显示
在每个<g>图层中加入onmousemove="changeText(evt)",通过javascript编写changeText(evt)函数,从而实现图形坐标的显示。
function changeText(evt)
{
targetXtext=svgDocument.getElementById("XPos");
targetYtext=svgDocument.getElementById("YPos");
var XPos = evt.getClientX();
var YPos = evt.getClientY();
var newXPosText = svgDocument.createTextNode("X 坐标 : " + XPos);
var newYPosText = svgDocument.createTextNode("Y 坐标 : " + YPos);
targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());
}
地图的缩放、平移和还原
function OriginView()
{
RecordViewBox();
var docSVG = document.HUNNUWebGIS_SVG.getSVGDocu ment();
var eSVG = docSVG.getDocumentElement();
var originView = "0 0 600 500";
eSVG.setAttribute("viewBox",originView);
4.4 坐标的显示
在每个<g>图层中加入onmousemove="changeText(evt)",通过javascript编写changeText(evt)函数,从而实现图形坐标的显示。
function changeText(evt)
{
targetXtext=svgDocument.getElementById("XPos");
targetYtext=svgDocument.getElementById("YPos");
var XPos = evt.getClientX();
var YPos = evt.getClientY();
var newXPosText = svgDocument.createTextNode("X 坐标 : " + XPos);
var newYPosText = svgDocument.createTextNode("Y 坐标 : " + YPos);
targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());
}
地图的缩放、平移和还原
function OriginView()
{
RecordViewBox();
var docSVG = document.HUNNUWebGIS_SVG.getSVGDocu ment();
var eSVG = docSVG.getDocumentElement();
var originView = "0 0 600 500";
eSVG.setAttribute("viewBox",originView);
发表评论
-
使用脚本动态操作 SVG 文档
2012-08-20 23:25 700http://www.ibm.com/developerwor ... -
SVG脚本编程的一些技巧 .
2012-08-20 23:24 820http://blog.csdn.net/mtfsoft/ar ... -
有鼠标位置获取元素
2012-12-23 23:36 600document.elementFromPoint(x,y) ... -
getCTM
2012-08-19 17:22 709<svg xmlns="http://www. ... -
Svg事件响应:获取鼠标即时屏幕坐标
2012-08-19 17:04 4291http://ribbonchen.blog.163.com/ ... -
svg_example
2012-04-26 00:54 765http://srufaculty.sru.edu/david ... -
textPath element | SVGTextPathElement object
2012-02-13 22:51 854http://msdn.microsoft.com/ZH-CN ... -
path element | SVGPathElement object
2012-02-13 22:49 1240http://msdn.microsoft.com/ZH-CN ... -
How to Convert a SVG File to PDF Format
2012-02-05 22:40 1108http://xmlgraphics.apache.org/b ... -
在svg文间画图过程中放大缩小图片后,坐标偏移问题
2012-01-01 16:48 1655http://blog.csdn.net/qingcai200 ... -
创建随内容动态缩放的SVG图形
2012-01-01 16:47 1896创建随内容动态缩放的S ... -
svg矩阵变换
2012-01-01 16:16 905svg矩阵变换 -
svg变换参考
2012-01-01 16:14 884<?xml version="1.0" ... -
svg网站 参考信息
2011-12-31 10:53 871http://blog.csdn.net/xuezhimeng ... -
用CorelDRAW制作SVG手机主题界面图片
2011-10-25 23:57 2244用CorelDRAW制作SVG手机主题界面图片 Ljmsto ... -
动态创建 svg
2011-10-20 17:34 599http://riso.iteye.com/blog/3934 ... -
参考网站收录
2011-10-12 15:22 742PDM中文网运维(http://www.pdmcn.com/b ... -
svg网站
2011-10-08 15:03 1090http://smartblack.iteye.com/blo ... -
svg学习
2011-09-26 00:11 445<?xml version="1.0" ... -
svg的
2011-09-24 00:47 833http://xinsheng.huawei.com/cn/b ...
相关推荐
作为参考,它还包含 SVG 如何在 IE 中显示的图像。问题换行符不渲染到 FabricJS 画布在第一次鼠标按下/交互之前,文本不会以正确的字体显示当使用 SVG 文本的左侧/顶部位置创建 IText 时,文本位于屏幕外
主要介绍了vue项目里面引用svg文件并给svg里面的元素赋值,本文分步骤通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
本文主要介绍了SVG描边动画的相关实例,具有很好的参考价值,下面跟着小编一起来看下吧
一个使用svg做的动态时钟,供大家参考,具体内容如下 怎么样很酷吧,以下是源码: <!DOCTYPE html> <html> <title>SVG clock</title> <meta ...
Kity 是一个基于 SVG 的矢量图形库,帮助你快速在页面上创建和使用矢量元素。 面向对象的接口风格在 Kity 里,所有图形,以及交换的数据,都是以强类型的对象...更详细的使用方法请参考 wiki。 标签:Kity
CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本,属性text-rendering正是一个SVG属性,目前尚没有任何的CSS标准对其进行定义,本文附有示例,感兴趣的朋友可以参考下
org.geotools.svg org.geotools.test org.geotools.text org.geotools.text.filter org.geotools.util org.geotools.util.logging org.geotools.utils org.geotools.utils.coveragetiler org.geotools.utils...
VK-QR JavaScript库,用于生成VK风格QR码的SVG代码。用法通过纱安装 yarn add @vkontakte/vk-qr或npm npm install @...API参考句法 generatedSvgCode = vkQr . createQR ( text [ , qrOptions ] ) ;参数text必填字符
[Security Status](https://www.murphysec.com/platform3/v3/badge/1614013746192613376.svg?t=1)](https://www.murphysec.com/accept?code=69f7806ceb54b7d3e1a8a09bff768c88&type=1&from=2&t=2) ## 项目介绍 ...
本文实例为大家分享了环形加载进度条封装代码,供大家参考,具体内容如下 1、效果预览 2、用到的知识 主要利用SVG的stroke-dasharray和stroke-dashoffset这两个属性。 在看下面文章之前,你需要了解 <!DOCTYPE ...
[text](:link) ) 或参考链接语法 ( [text]: :link ) 使用此[text]: :link ,然后在多个地方使用![text]特定版本感谢发布,您还可以为您的图标使用特定版本。 如果您的图标被更改或什至被删除,但您仍然想使用它,这...
之前小编和大家分享了SVG中如何配合使用text和tspan来实现换行的功能,所以这篇文章对此功能进行一下封装,以后就可以直接用了。有需要的朋友们可以参考借鉴,下面来一起看看吧。
本文实为大家分享了javascript实现页面加载loading效果,供大家参考,具体内容如下 效果图: <html> <head> <title>正在载入</title> <meta ...
Svg 网格演示: : SCREENCALIBER 是一个前端开发的小工具。 它有助于从屏幕截图参考开发 HTML/CSS。 我将ScreenCaliber与Firebug结合使用。 用法:在结束 </body> 标签之前包含 ScreenCaliber Snippet: ...
技术基础 New Folder 多样式星期名字转换 [Design, C#] .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 ...
1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件,FTP的目标是:(1)提高...
1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件,FTP的目标是:(1)提高...