用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸的方法:
1、使用getElementById获取svg节点对象：
var el = documentgetElementById("yourElement");
2、调用getBoundingClientRect获取path的边界矩形的位置：
var rect = elgetBoundingClientRect();
3、分别获取width和height属性就得到实际位置了。
consolelog( rectwidth );
consolelog( rectheight);
你这样存进去的是没有key的,正确的写法应该是
var a=new Array({key:'1',value:"a"},{key:'2',value:"b"},{key:'3',value:"c"},{key:'4',value:"d"});
下面写了个例题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Map( ){
thiselements = new Array();
thisinit = function( _e ){
thiselements = _e ;
}
thisput = function(key, value) { // 加入元素
thiselementspush({key: key, value:value});
}
thisgetByValue = function( _value) { // 取出对应value
try{
for (i = 0; i < thiselementslength; i++) {
if (thiselements[i]value == _value) {
return thiselements[i]key;
}
}
}catch(e) {
return null;
}
}
thisgetByKey = function( _key) { // 取出对应key
try{
for (i = 0; i < thiselementslength; i++) {
if (thiselements[i]key == _key) {
return thiselements[i]value;
}
}
}catch(e) {
return null;
}
}
}
//使用例题
var a=new Array({key:'1',value:"a"},{key:'2',value:"b"},{key:'3',value:"c"},{key:'4',value:"d"});
var value = "b";
var map = new Map();
mapinit( a );
alert( mapgetByValue( value ) );
//-->
</SCRIPT>
</BODY>
</HTML>
判定一个元素的尺寸和位置的最简单的方法是调用它的getBoundingClientRect()方法。返回一个left、top(坐上角)right、bottom(右下角)，height、width(ie中没有，但可以用right-left、bottom-top得到)，其返回的坐标包含元素的边框和内边距，但不包含元素的外边距。
如果浏览器不支持getBoundingClientRect()，则可以用HTML元素的只读属性offsetWidth、offsetHeight以CSS像素返回它的屏幕尺寸(只包含边框和内边距)
int index = 0;
int[] array = new int[] { 1, 2, 3, 4 };
IntPtr ptr = MarshalUnsafeAddrOfPinnedArrayElement(array, index);
// 引用命名空间 SystemRuntimeInteropServices
// 使用方法 MarshalUnsafeAddrOfPinnedArrayElement获取数组指定索引位置的指针
// array表示需要获取地址的数组,index表示索引的位置,返回的指针值的偏移量
// 如果index输入0,则返回数组首地址指针,若为1,则返回数组第二个元素地址指针
// 一般来说,如果没有特殊要求的话,index值输入0就可以了
public static void main(String[] args) {
int[] is = {28,7,15};
int i = 0;
// 需求：需要得到7在数组中的位置
for(int j=0;j<islength;j++ ){
if(is[j]==7){
i=j;
}
}
Systemoutprintln("7在数组下标"+i+"的位置");
// Systemoutprintln(is[i]);
}
1、打开pycharm，新建TestListpy。
2、定义lista=('A'，'B'，'C'，'D'，'E')，使用len函数来判断数组长度，ALT+F10执行后可以看到结果是5，注意获取列表的值用数组名+[序号]。
3、通过数组名+[序号]可以获取数组里指定位置的元素值，有个前提是指定位置必须小于数组长度。
4、碰到这种复杂的数组，想要获取指定位置的值，就必须明确指定位置。
5、复杂数组想要获取正确的结果，指定的位置必须是数组索引。
以上就是关于如何用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸全部的内容，包括:如何用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸、javascript 如何获取元素在数组中的位置 key、如何获取网页中某一元素相对文档的位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）