小编tbl*_*ert的帖子

-webkit-margin在文本上添加了不必要的边距

直到现在这还没有打到我(这不仅仅是在webkit浏览器中).在所有类似p标签,h1标签等文本中...文本上方和下方都有一个额外的空间.

在chrome中我发现了这个:

用户代理样式表

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
Run Code Online (Sandbox Code Playgroud)

这使得在某些地方对齐错误.是的我正在使用重置样式表,并且没有添加填充或边距.几乎是一个基本的设置.为什么这样,我该如何解决?

css padding

72
推荐指数
5
解决办法
9万
查看次数

HTML5画布 - 用图像填充圆圈

如何在圆圈内绘制图像?如果我做:

context.beginPath();
context.arc((e.pageX),(e.pageY),161,0,Math.PI*2,true);
context.closePath();
Run Code Online (Sandbox Code Playgroud)

然后我如何使用fill()用我绘制的图像填充它?

html5 canvas

30
推荐指数
4
解决办法
5万
查看次数

默认输入样式的边框颜色

这是一个棘手的问题......

我有默认的样式输入字段(没有添加CSS,只有宽度/高度/填充),但现在我想给它一个红色边框(错误样式).我怎样才能做到这一点?只是设置边框将删除输入的默认样式,设置只有border-color看起来很奇怪,设置轮廓在某些情况下会起作用(并且在Firefox中看起来不那么好).

有小费吗?

编辑:来吧,伙计们在回答之前阅读了这个问题.我想要浏览器默认的输入外观,我只想给它一个红色边框.

css input border

25
推荐指数
4
解决办法
13万
查看次数

HTML5视频截图

我正试图在电影中拍摄具有预定义时间的视频截图.所以我尝试使用canvas元素.问题在于,当您绘制视频图像时,视频必须正在播放,但我仍然需要暂停图像.所以我尝试了这个:

video.play();
context.drawImage(video,0,0,canvas.width,canvas.height);
video.pause();
Run Code Online (Sandbox Code Playgroud)

但正如您可能想象的那样,视频在画布完成绘制之前暂停,导致没有截图.那么drawImage有回调函数吗?在我的情况下,绘图过程大约需要50ms,但做起来感觉不安全:

setTimeout(function() { video.pause(); }, 50);
Run Code Online (Sandbox Code Playgroud)

javascript video html5 screenshot canvas

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

HTML5 Canvas移动alpha蒙版

我有一个背景,让我们说它是绿草.在背景之上,我有一个黑色覆盖.我现在想要的是在叠加层中制作一个可移动的孔,以便您可以看到如下图所示的背景.

在此输入图像描述

我对画布很新,所以我不确定我应该寻找什么.阿尔法面具?

所以我的问题是我如何才能达到上图所示的效果?

如果它是HTML,我将有两个草的图像,一个作为背景,一个在叠加上面的div,边界半径可以移动并只计算位置.

谢谢.

javascript html5 canvas

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

检测单击了哪个元素

简而言之,我将一个本地HTML页面加载到divasp.net中的内部其他Web表单中.

JQuery的:

<script>
    $(function () {
        $("#includedContent").load("../HtmlHolder/index.html");
    });

</script>  
Run Code Online (Sandbox Code Playgroud)

HTML:

  <div id="includedContent" class="WebHolder" style="width: 450px; height: 300px; border: 1px solid #808080; margin: 0px auto; overflow-y: scroll;"></div>
Run Code Online (Sandbox Code Playgroud)

现在我想通过下面的脚本点击它们来获取元素的类名:

<script>
    $(document).ready(function () {
        $('.WebHolder').on("click", "*", function (e) {

            alert("Class :" + $(this).attr("class"));
        });
    });
</script>  
Run Code Online (Sandbox Code Playgroud)

我的问题是,当我点击任何元素时,此代码会提醒此类名称并且它是父级!

怎么解决?

注意:元素不是特定对象,可能是输入或按钮或textarea或....

html javascript jquery

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

iOS:NSXMLParser获取属性

我是新手,我正在尝试阅读RSS提要,到目前为止一切都很好.我是这样做的:

- (void)parser:(NSXMLParser *)parser didEndElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName {
  if ([elementName isEqualToString:@"item"]) {
    [item setObject:currentTitle forKey:@"title"];
    [item setObject:currentLink forKey:@"link"];
    [item setObject:currentSummary forKey:@"summary"];
    [item setObject:currentDate forKey:@"date"];
    [item setObject:currentImage forKey:@"enclosure"];

    [stories addObject:[item copy]];
    NSLog(@"adding story: %@", currentTitle);
  }
}
Run Code Online (Sandbox Code Playgroud)

问题在于圈地.在XML中看起来像这样:

<enclosure length="150" url="urltoimage.jpg" type="image/jpeg" />
Run Code Online (Sandbox Code Playgroud)

如何从我的函数中获取该元素的url属性?

编辑 XML看起来像这样:

<item>
    <title>...</title>
    <link>...</link>
    <description>...</description>
    <pubDate>...</pubDate>
    <enclosure length="150" url="urltoimage.jpg" type="image/jpeg" />
</item>
Run Code Online (Sandbox Code Playgroud)

我的foundCharacters函数看起来像这样:

- (void)parser: (NSXMLParser *)parser foundCharacters:(NSString *)string {
  if ([currentElement isEqualToString:@"title"]) {
    [currentTitle appendString:string];
  } else if ([currentElement isEqualToString:@"link"]) …
Run Code Online (Sandbox Code Playgroud)

xcode nsxmlparser ios5

3
推荐指数
2
解决办法
5598
查看次数

Javascript字符串和对象

在js中,我可以从字符串中调用对象中的函数吗?嗯,我给你举个例子:

var Object = {
    callMe : function() { }
}

Object.callMe();
Run Code Online (Sandbox Code Playgroud)

我可以做,但如果我想这样做怎么办:

var string = 'callMe';
Object.string();
Run Code Online (Sandbox Code Playgroud)

我能以某种方式这样做吗?也许我在这里错了

javascript

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

Kinetic.js - 创建一个网格

我是Kintetic.js的新手,我正在尝试做网格.宽度为800px,高度为400px.我想要方块(20x20)来覆盖那个区域.每个方格都有1px边框.所以像这样:

var box = new Kinetic.Rect({
  width: 20,
  height: 20,
  fill: 'transparent',
  stroke: 'rgba(0, 0, 0, 0.02)'
});
Run Code Online (Sandbox Code Playgroud)

为了填充画布,我有一个像这样的糟糕的for循环:

for (var i = 0; i <= this.field.getWidth(); i = i + 20) {
  for (var i2 = 0; i2 <= this.field.getHeight(); i2 = i2 + 20) {
    var cbox = box.clone({x: i, y: i2});
    this.grid.add(cbox);
  }
}
Run Code Online (Sandbox Code Playgroud)

this.grid是一个Kinetic.Layer.这段代码的第一个问题是它非常慢,在网格显示之前我得到了500ms的延迟.但最糟糕的是,如果我在cbox上放置一个mouseover和mouseout事件来改变填充颜色,那真的很慢.我是这样做的:

cbox.on('mouseover', function () {
  this.setFill('black');
  self.grid.draw();
});

cbox.on('mouseout', function () {
  this.setFill('transparent');
  self.grid.draw();
});
Run Code Online (Sandbox Code Playgroud)

所以我的问题是如何改进代码和性能呢?

javascript html5-canvas kineticjs

0
推荐指数
1
解决办法
3802
查看次数