2015.12.02今天的一些感受

  首先我是个刚转入前端没几天菜鸟,今天第一个感触,前端真是太深奥了!原来前端的东西这么多!

<embed id="svgEle" src="svg/svg2.svg" style="width: 100%; height: 99%;" type="image/svg+xml"/>
var svgEle = document.getElementById("svgEle");//获得svgEle标签对象
var svgDoc = svgEle.getSVGDocument();//获得svg的document对象var element = svgDoc.getElementById("id");//id指svg2文件里 子标签的ID是id的标签对象通过这样可以获取svg里面子标签对象来进行一些操作。这是今天第一个掌握的知识点,还有创建svg文件的表头格式
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" width="100%" height="100%"></svg>在这里面加入相应的标签,就可以生成相应的svg文件,然后可以通过html的img标签、object标签、iframe标签、embed标签将svg文件导入html。data-#在标签使用这个属性可以自定义一些值,作为传参用,然后通过
event.currentTarget.getAttributeNS(null,"data-jump");然后通过这种方式可以获取到对应的参数,这种方式可以自由的定义属性,来操作页面的逻辑问题
console.log("点击了第"+svgIndex+"座楼");这个方式可以把参数打印到页面的控制台,ctrl+shift+J,弹出的页面选择console,可以看到打印的参数
emDom=document.getElementById(targetID);var svgStr=emDom.getAttribute("src");
这种方式可以获得标签中对应标签的字符串
var aa=svgDoc.getElementById("text1");aa.innerHTML="123";innerHTML是编辑重置内部html的属性,例如alert(document.getElementById("test").innerHTML);<div id = "test"><a>aaaa</a></div>最后输出的结果是<a>aaaa</a>========================================

$("#root").empty().append("<embed id=‘svgRoot‘ src=‘"+url+"‘ width=‘100%‘ height=‘99%‘type=‘image/svg+xml‘ onload=‘svgControl.loadSvg()‘></embed>");empty()重置root里面的内容,append()向root里面添加内容
JSON.parse(desc.innerHTML);这是将json文件转换为json对象

今天掌握的知识点就这些了,累死了,睡觉,明天还要工作,工作中继续学习。
 
 


 

 
时间: 2024-07-30 03:58:35

2015.12.02今天的一些感受的相关文章

2015.12.02 - 晚

最近在用刚学过的html5中的画布canvas做项目,起初我们做了两个游戏,这两个游戏是比较简单的,而且老师也发了代码.第一个游戏是英雄打怪兽,这个游戏做得就比较顺利,当我一看到这个游戏的界面和规则,我就开始筹划这个游戏该怎么做,会用到哪些知识,以及其中会遇到哪些难题.做这个游戏我花了两天的时间,在做游戏的过程中,我也遇到了我自己没有想到的问题,不过都是一些细节问题.做完这个游戏我很是开心,因为我是第一次靠自己的思维做出来,没有看老师的代码.可是做第二个游戏的时候就没有第一个游戏那么简单.顺利了

分布式技术一周技术动态 2015.12.27

分布式系统实践 1. Kafka深度解析 http://www.jasongj.com/2015/01/02/Kafka%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90/ 要点: 这篇文章深入的讲解了kafka的架构设计, 数据复制算法以及kafka的性能等多个方面, 是理解和学习kafka非常难得的一篇好文章, 推荐给大家. 2. 解密阿里巴巴高可用架构技术——“异地多活” http://mp.weixin.qq.com/s?__biz=MzAwNjQwNzU2NQ==

2015.11.02 学习 Ubuntu下安装gosublime插件及其配置

2015.11.02 学习 Ubuntu下安装gosublime插件及其配置 1.Ctrl+shift+P 打开package control 输入pcip 回车 2.出现的框中输入gosublime,回车 3.preferences---package setting--gosublime--setting default 打开后在env{}中添加GOROOT和GOPATH 4.保存后全部复制到preferences---package setting--gosublime--setting

2015.12.29~2015.12.30真题回顾!-- HTML5学堂

2015.12.29~2015.12.30真题回顾!-- HTML5学堂 吃饭,能够解决饥饿,提供身体运作机能.练习就像吃饭,强壮自己,提升编程技能,寻求编程技巧的最佳捷径!吃饭不能停,练习同样不能停哦! HTML5真题[2015.12.29]题目 学习JavaScript或应用JavaScript进行脚本开发,“变量”这是必须要学会使用的.什么是变量呢?又什么作用呢?ok,大家稍安勿躁哦,试体验体验这题目<HTML5真题[2015.12.29]题目>与 <HTML5真题[2015.12

#VSTS日志# 2015/12/10 – 终于可以删除工作项了

最近的更新不少,废话少说,直接上干货 定制工作项字段 本周的更新后,所有的用户都可以在vsts上直接给工作项添加字段了,具体内容包括– 添加新字段(日期,字符串,整形,数字)– 字段显示位置配置– 过程模版继承– 过程模版安全性配置 很多人都知道,在vsts在线版上一直缺少工作项定制能力,这次的更新一定让很多人兴奋,但是我们的工作还没有完,后续我们会逐步完成字段下拉菜单,工作流配置,html字段,添加全新的工作项类型等功能.关于本功能的具体内容,请参考以下博客 http://devopshub.

【我的书】Unity Shader的书 — 文件夹(2015.12.21更新)

写在前面 感谢全部点进来看的朋友.没错.我眼下打算写一本关于Unity Shader的书. 出书的目的有以下几个: 总结我接触Unity Shader以来的历程,给其它人一个借鉴.我非常明确学Shader的艰难,在群里也见了非常多人提出的问题. 我认为学习Shader还是一件有规律可循的事情,但问题是中文资料难觅,而大家又不愿意去看英文...这对我有什么优点呢?强迫我对知识进行梳理,对细节问题把握更清楚. 第二个原因你懂的. 关于本书的定位问题: 面向Unity Shader刚開始学习的人,但要

【转换博客通知】(本博客2015.08.02停用)

2015.08.02 本博客停用,搬运至 http://tonyfang.is-programmer.com/ 感谢各位对我的支持!

[原创]LoadRunner 12.02 录制脚本时提示无Internet访问,如何解决?

在使用LoadRunner 12.02 进行录制脚本时提示无Internet访问,如下图: 可以尝试以下方式解决:点击弹出框中的“Yes”即可. 若还是有问题,尝试以下方式: (1)LR12走的是证书机制,你按照我附件(图片1)中提供的运行,如下图: (2)修改IE目录,在录制设置对话框--应该程序,选择"C:\Program Files (x86)\Internet Explorer\iexplore.exe" (3)关闭防火墙 (4)关闭360相关的软件

LoadRunner 12.02 安装以及汉化教程

LoadRunner 12.02 安装 一.下载 首先下载Loadrunner12安装包. 下载后有四个安装包: HP_LoadRunner_12.02_Community_Edition_Additional_Components_T7177-15060 社区版的附加组件 HP_LoadRunner_12.02_Community_Edition_Language_Packs_T7177-15062 社区版的语言包 HP_LoadRunner_12.02_Community_Edition_S