小编Jod*_*ner的帖子

getUserMedia锁定焦点/曝光

我使用navigator.getUserMedia与约束来访问用户的摄像头,采用饲料作为HTML源<video>,然后复制其流,以drawImage一个<canvas>背景.我正在做这一切,所以我可以定期拍摄快照.

我想要做的是,一旦页面开始拍摄快照,锁定getUserMedia相机的焦点/曝光,以便在快照间隔之间环境可以改变,而不会改变光平衡或相机重新聚焦.

有谁知道JS方面是否可行?

javascript camera canvas html5-video getusermedia

21
推荐指数
1
解决办法
3084
查看次数

使用HTML5进入全屏时,背景/元素变黑

我正在使用以下脚本使我的网络应用程序全屏显示...

function enterFullscreen(){
    var element = document.getElementById('container');
    if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen();
    }
    l('Fullscreen Mode entered','internal');
}
Run Code Online (Sandbox Code Playgroud)

所以,当我点击触发按钮时,$('button.toggle-fullscreen').click(function(){ enterFullscreen(); });我确实进入全屏,只有我的元素变黑.只是黑色,没有别的.

有人知道怎么修这个东西吗?

仅供我使用Chrome 27.

html5 google-chrome fullscreen

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

试图在响应式设计上将长标题转换为省略号

我正在设计一个响应式Web应用程序,我想用省略号将长文本封装在标题中.我怎样才能做到这一点?这是一个响应式页面(没有固定宽度)......

这是一个例子

我想要实现的例子

有人可以帮忙吗?

编辑:

我添加了最大宽度和省略号溢出,如下所示:

max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
Run Code Online (Sandbox Code Playgroud)

但这对我不起作用,因为这里的关键是响应性.我不打算专门针对iOS移动浏览器定位标题的最大宽度,我想在所有智能手机上放大或缩小最大宽度.有什么建议?

text titlebar responsive-design

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

Rails上传到AWS创建.zip.cpgz文件循环

我遇到了一个奇怪的情况,一些文件,特别是ZIP格式,在我的Rails应用程序中上传到AWS时被破坏/转换.下载和解压缩后,它们会变成CPGZ格式,它会解压缩回ZIP,并无限制地执行此操作.

我没有注意到导致这种情况的模式,所以它看起来很零星,并且可以在上传之前确认文件没有损坏.我在此发现的唯一其他问题/主题与PHP有关,并且似乎是不同的情况.

我正在使用AWS SDK for Ruby v1(因为我的Rails版本而不是v2)和jQuery-File-Upload.由于某些文件很大,我使用的是分块上传.

在我的控制器中,预先设定的POST URL是这样创建的:

S3_BUCKET.presigned_post(key: "uploads/#{SecureRandom.uuid}-${filename}", success_action_status: '201')
Run Code Online (Sandbox Code Playgroud)

并且jQuery文件上传设置如此(为简洁起见,删除了一些部分):

this.$el.fileupload({
  fileInput: this.uploadField, // this is an <input type="file">
  url: this.awsURL, // https://BUCKET.s3.amazonaws.com/
  formData: JSON.parse(this.awsData), // {"AWSAccessKeyId":"...","key":"uploads/1234-${filename}","policy":"...","signature":"...","success_action_status":"201"}
  type: 'POST',
  autoUpload: true,
  paramName: 'file',
  dataType: 'XML',
  replaceFileInput: false,
  maxChunkSize: 1000000,
  add: function(event, data) {
    var file = data.files[0];
    var fileType = file.type;

    // Check file type
    if (~'ai sketch psd jpg jpeg png zip ttf woff eot gif'.indexOf(fileType.toLowerCase())) {
      return alert('Sorry, …
Run Code Online (Sandbox Code Playgroud)

zip ruby-on-rails amazon-s3 jquery-file-upload aws-sdk

14
推荐指数
1
解决办法
807
查看次数

将垂直alpha渐变应用于UITableView

我是iOS开发的新手,我正在尝试学习Swift.我想对UITableView应用垂直alpha渐变,但是遇到了一些麻烦.

最初在这篇SO帖子之后,我做了以下事情:

var gradientMaskLayer:CAGradientLayer = CAGradientLayer()
gradientMaskLayer.frame = myTableView.bounds
gradientMaskLayer.colors = [UIColor.clearColor().CGColor, UIColor.blackColor().CGColor]
gradientMaskLayer.locations = [0.0, 0.05]
myTableView.layer.mask = gradientMaskLayer
Run Code Online (Sandbox Code Playgroud)

在得到错误Array element cannot be bridged to Objective-C并阅读此SO帖子后,我修改了使用的两个数组:

var gradientMaskLayer:CAGradientLayer = CAGradientLayer()
var gradientMaskColors:NSArray = [UIColor.clearColor().CGColor, UIColor.blackColor().CGColor]
var gradientMaskLocations:NSArray = [0.0, 0.05]
gradientMaskLayer.frame = myTableView.bounds
gradientMaskLayer.colors = gradientMaskColors
gradientMaskLayer.locations = gradientMaskLocations
myTableView.layer.mask = gradientMaskLayer
Run Code Online (Sandbox Code Playgroud)

现在得到错误 Value failed to bridge from Swift type to a Objective-C type

我很难找到解决方案.可以提供一些帮助吗?

linear-gradients uitableview nsarray swift

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

Swift中的自定义表格视图单元格,没有Storyboard

我是学习iOS开发和Swift语言的新手,并且一直试图弄清楚如何在UITableViewCell不使用Storyboards/Interface Builder的情况下创建自定义.我希望能够在Swift代码中完成所有工作.到目前为止,我真的只能找到那些使用Interface Builder的人.

我希望能够做的是创建一个可以在任何表视图中实例化的可重用单元.根据我的理解,我应该能够创建一个带有子视图的自定义单元格,可以通过表格视图的传入数据设置数据.对?

现在我有一个UINavigationController嵌入式,分类UITableViewController.在其他一些教程之后,我还学习了如何创建一个Struct并为表视图单元格准备测试数据.但这就是我能够得到的.

// My Table View Controller
class InventoryListViewController: MainTableViewController {

    let viewTitle = "Inventory"
    var inventoryItems = [InventoryItem]()

    override func viewDidLoad() {
        super.viewDidLoad()

        self.navigationItem.title = viewTitle.uppercaseString

        self.inventoryItems = [
            InventoryItem(name: "White Bread", expiry: "2014-09-12"),
            InventoryItem(name: "Mushrooms", expiry: "2014-09-15"),
            InventoryItem(name: "Watermelon", expiry: nil),
            InventoryItem(name: "Leftover Thai", expiry: "2014-09-15"),
            InventoryItem(name: "Cheddar Cheese", expiry: "2014-09-12"),
            InventoryItem(name: "Chicken Breasts", expiry: "2014-09-10"),
            InventoryItem(name: "Paprika", expiry: nil),
            InventoryItem(name: "Sour Cream", expiry: nil)
        ]

        // Right now …
Run Code Online (Sandbox Code Playgroud)

uitableview ios swift

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

无法通过Chrome上的iFrame登录应用,但可以直接查看

我正在为一个音乐节建立一个拍卖应用程序,该应用程序通过一个嵌入到节日的网站iFrame.

我遇到的问题是Chrome.直接查看(在源站点上)我可以很好地登录到应用程序,但是当通过节日网站上的 iFrame查看应用程序时,似乎无法登录.但是,我仍然可以注册用户.我还应该注意,这个系统是基于CodeIgnitor构建的.

我完全不知道为什么会这样?是否与跨域策略有关?对此有任何帮助非常感谢.

javascript php iframe login codeigniter

7
推荐指数
1
解决办法
761
查看次数

使用纯CSS更改窗口光标

我知道您可以使用图像更改网页的光标,但是是否可以仅使用CSS"设置"光标?

就像是...

div.changecursor:cursor {
    width: 10px;
    height: 10px;
    background: blue;
    border-radius: 199px; /* make it a circle */
}
Run Code Online (Sandbox Code Playgroud)

css cursor

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

HTML contenteditable禁用本机富文本编辑

我试图通过包含属性来使文章元素可编辑contenteditable,这可以正常工作.我可以在没有额外JS的情况下输入新文本并设置样式.

我的问题是本机富文本编辑,虽然非常适合基本的东西,<b>或者<u>,打破了我的一些默认格式.当我点击enter文本时向下移动[在新<p>标签中包装新的文本行],但是当我点击时backspace将其添加回原始段落时,本机编辑器将文本包装在<span>标签中.

如果只是这种情况,我可以处理不必要的span标签,但不幸的是,本机编辑器为span标签添加了内联样式,从外部contenteditable元素中提取样式,因此标签现在看起来像这样:

<span style="font-size: 1.5em; line-height: 1.3em;">
Run Code Online (Sandbox Code Playgroud)

当使用em单位时,这本身就存在一个问题,因为现在文本的<span>大小增加了1.5倍,更不用说混乱的线条高度了.因此,我宁愿让文章元素满足,但禁用默认的富文本编辑功能,并在JS中滚动我自己的.

本质上:如何允许元素具有可信度,但禁用本机富文本编辑功能?

我还应该补充一点,我在Chrome中工作,如果这有所作为的话.这是否适用于所有浏览器?

html javascript contenteditable rich-text-editor

5
推荐指数
0
解决办法
1069
查看次数

一个UIView的AirPrint内容

我正在尝试通过iPad应用程序设置打印,单击"打印"将打印包含其所有内容的视图.以下是我尝试过的内容(通过网上的几个例子汇总):

// This is the View I want to print
// Just a 200x200 blue square
var testView = UIView(frame: CGRectMake(0, 0, 200, 200))
testView.backgroundColor = UIColor.blueColor()

let printInfo = UIPrintInfo(dictionary:nil)!
printInfo.outputType = UIPrintInfoOutputType.General
printInfo.jobName = "My Print Job"

// Set up print controller
let printController = UIPrintInteractionController.sharedPrintController()
printController!.printInfo = printInfo
// This is where I was thinking the print job got the
// contents to print to the page??
printController?.printFormatter = testView.viewPrintFormatter()

// Do it
printController!.presentFromRect(self.frame, inView: self, animated: …
Run Code Online (Sandbox Code Playgroud)

uiview airprint uiprintformatter swift

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