小编Lev*_*sey的帖子

如何获得svg:g元素的宽度

我目前正在使用svgJavaScript中的元素.我是新手.

我的问题是我有一个svg元素,我有多个svg:g元素.在我的svg:g元素中,我有各种其他的svg元素.

    <svg>
     <g class="my-class">
      <g class "c1">
         <text style="font-size: 9" x="0" y="-4"> john </text>
         <text style="font-size: 9" x="70" y="-4"> 13 </text>
      </g> 
      <g class="c2">
         <text style="font-size: 9" x="0" y="-4"> john </text>
         <text style="font-size: 9" x="70" y="-4"> 13 </text>
      </g> 
      <g class="c3">
         <text style="font-size: 9" x="0" y="-4"> john </text>
         <text style="font-size: 9" x="70" y="-4"> 13 </text>
      </g> 
    </g>
   </svg>
Run Code Online (Sandbox Code Playgroud)

g 动态附加在我的

g"my_class"

现在我想将svg宽度设置为宽度g.my_class宽度.

var svgWidth  =   $('.my-class').width()
alert(svgWidth); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery svg width

62
推荐指数
2
解决办法
4万
查看次数

在开发工具时间轴中,空绿色矩形是什么?

在Chrome开发工具时间轴中,填充的绿色矩形(代表绘画操作)和空的绿色矩形(显然也代表绘画操作......)之间有什么区别?

在此输入图像描述

repaint google-chrome-devtools

19
推荐指数
1
解决办法
4650
查看次数

Fullcalendar和时区.救命,我做错了

我不知何故做错了.我正在绊倒时区Fullcalendar.我试过设置ignoreTimezone为真和假,但似乎并不重要.这是在下面的代码中的两个地方,因为我不确定它来自哪个文档.

我的数据源是隐藏的表单字段.数据去FullCalendar是通过将5小时(CDT)调整.数据云,以FullCalendar不是除去5小时调整.

在后端,我只是保存并返回JSON字符串而不处理它(甚至解码它)

Page Load:
  Data In: Empty, no data
  Data Edit: drag from noon to 2pm (CDT), then submit form
  Data Out: Use clientEvent to get data, and JSON.stringify to put into form field.
    [{"id":6844,"title":"Open","start":"2011-04-19T17:00:00.000Z","end":"2011-04-19T19:00:00.000Z","allDay":false}]

Page Load (after submitting form):
  Data In: Use JSON.parse to load data from hidden form field.  This is the incoming data, but the event is shifted to 5pm (CDT) in the control. …
Run Code Online (Sandbox Code Playgroud)

javascript jquery timezone fullcalendar

12
推荐指数
1
解决办法
1万
查看次数

功能自我参考

在JavaScript中,函数只是可以调用的对象.那么函数体引用实际函数对象的最简单方法是什么?

this可用于引用调用函数(或更具体地,方法)的包含对象.但我相信this永远不会指实际的功能对象本身.

显然,bind,call,或者apply可以用来改变的值this的功能.或者bind可以用于创建函数的版本,该函数总是被赋予对自身的引用作为其第一个参数.

但有没有更简单的方法?我怀疑不是,但我可能是错的.

javascript

8
推荐指数
2
解决办法
1万
查看次数

用javascript改变CSS类属性?

我定义了一个CSS类,调用它:

<style type="text/css">
.Foo { position: fixed; left: 50px; top: 50px; }
</style>
Run Code Online (Sandbox Code Playgroud)

我绝对在屏幕上放置一个元素的地方.在我的网页执行过程中,我创建并删除了许多元素并给它们上课Foo.当我调整浏览器的大小时,我想更改类上的lefttop值,Foo以便在计算结果时更改所有 Foo元素的位置.

我不想简单地更改样式表,我想计算一个值,并使所有当前和未来的Foo元素都具有新的计算值lefttop值.

这个网站有一个例子,但代码相当复杂. http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html

是否有一种良好,干净的方式来基本上以编程方式改变Foo定义的内容?

谢谢!

javascript css

6
推荐指数
1
解决办法
1万
查看次数

如何创建多选自动完成组合框?

在我的例子中,我想使用HTML,JavaScript和JSP实现一个多选自动完成组合框.

有谁知道如何实现这个?

这将类似于StackOverflow中显示的文本字段,同时为任何问题添加多个标记.

html javascript

5
推荐指数
1
解决办法
9204
查看次数

用.hoverIntent替换MouseOver

首先,我道歉...我之前已经发布过这个问题,但我解释不好.我在将hoverIntent插入以下JavaScript时遇到问题...我需要它来替换下面的mouseentermouseleave函数.为了清楚起见,我正在寻求帮助,因为我对JavaScript语法不是很了解.下面的第二个代码片段似乎应该可以工作,但它什么都不做,似乎在Internet Explorer中完全死了.

if (jQuery.browser.msie === true) {
  jQuery('#top_mailing')
    .bind("mouseenter",function(){
      $("#top_mailing_hidden").stop().slideDown('slow');
    })
    .bind("mouseleave",function(){
      $("#top_mailing_hidden").stop().slideUp('slow');
    });
}
Run Code Online (Sandbox Code Playgroud)

我将以下内容用于其他浏览器,但它在Internet Explorer中无法正常运行.

$('#top_mailing').hoverIntent(
  function () {
    $("#top_mailing_hidden").stop().slideDown('slow');
  }, 
  function () {
    $("#top_mailing_hidden").stop().slideUp('slow');
  }
);
Run Code Online (Sandbox Code Playgroud)

javascript debugging jquery hoverintent internet-explorer-7

5
推荐指数
1
解决办法
6011
查看次数

HTML5 Canvas:如何伪造globalCompositeOperation ="darker"

我用Google搜索并搜索了这一点,我所能找到的,包括在StackOverflow上,"支持已经在大多数主流浏览器中被破坏了." 不是我的问题的实际解决方案.

这个月的花花公子带着一副3D眼镜(红色/青色)来观看令人eye目的中心折叠.当然,我点击了互联网,找到了我能看到的每一个红色/青色的立体影像,看看它们有多棒.最终我发现了一些动画GIF,这导致了我可能会制作一些很酷的HTML5 Canvas,让你在3D场景中放置形状.

这是我得到了多远. 仅适用于Google Chrome.在Firefox中,"高架文本"应该看起来正确,但不是矩形.

因此,我生成场景的方式是:每个图层都包含一个Z-index,您可以在任何一个图层上放置一个矩形或一些文本.这个概念很简单.绘制对象时,它以纯红色向左绘制一个[Z-index]像素,然后在纯青色中向右绘制一个[Z-index]像素.

理论上,重叠部分应减去变成纯黑色.在Chrome中,这适用于填充矩形,抚摸文本,但不适用于填充文本.在Firefox中,这只适用于抚摸文本.

虽然预期的效果globalCompositeOperation="darker"应该完全符合我的要求,但显而易见的是,沿着这条道路前进只会带来痛苦.

这里有没有人知道如何在不使用的情况下获得我想要的效果globalCompositeOperation?我尝试在颜色上弄乱alpha通道,但是真的不喜欢它们是如何结合在一起的(它们从不加起来就是纯黑色).我可以在红色和青色之间绘制第三个黑色矩形,但这并不能解决文本或任意形状的问题.

我可以在Javascript中自己进行像素换像,但这看起来有点矫枉过正.有什么想法吗?

javascript html5-canvas

5
推荐指数
1
解决办法
2839
查看次数

在PHP中解码字符串

我正在开发一个PHP应用程序,它必须解析由另一个程序发送的字符串.问题是一些字符串有八进制字符和中间的一些其他转义.

所以,而不是script>XYZ,我得到:

\103RI\120T>XYZ%6En \151\156 d%6Fcu\155%65n..

我需要打印这个解码的字符串...我试过使用octdec,url_decode等等,但一个只能使用一个字符,另一个不解码八进制...任何人都有建议吗?

javascript php

5
推荐指数
1
解决办法
388
查看次数

iOS UIWebView中的requestAnimationFrame未定义?

requestAnimationFrame好像undefinedUIWebView.还有其他功能可以做同样的事情或我必须使用setTimeout吗?

javascript html5 animation objective-c ios

4
推荐指数
1
解决办法
2413
查看次数