小编dcd*_*181的帖子

缩放HTML5画布宽度,保持w/h宽高比

我有一个尺寸为979X482px的画布元素,我想让它拉伸以适应任何给定浏览器窗口的宽度,保持宽高/高宽1的宽高比为1,我希望高度相对于宽度的比例画布.有关如何使用javascript/jQuery执行此操作的任何建议?

javascript aspect-ratio html5-canvas

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

将 Maya 场景转换为 JavaScript 或 WebGL

我有一些时间,我想在没有 WebGL 的情况下将 Maya 场景转换为 WebGL 或将其渲染到画布。该模型是一个由图元和网格组成的台灯,我已经将零件作为关节的父级,而不是将它们绑定到骨架,现在我想使用 JS 库或 WebGL 进行渲染,然后使用鼠标移动和/或触摸事件。如果我可以将模型放到画布上,或者放到支持 WebGL 的应用程序中,同时保留父级关系,然后我可以编写一些函数来将关节旋转绑定到鼠标移动,我只需要在实际导出和导入我的 Maya 方面得到一些帮助场景,同时保持关系。提前致谢。

javascript maya webgl

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

从SVG文件中提取路径的坐标

我试图从Adobe Illustrator中的路径中找到percise坐标以在HTML图像映射中使用,有人建议我将路径保存为SVG文件,但是当我在记事本中打开SVG时,我得到以下内容:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="300.96px" height="248.16px" viewBox="0 0 300.96 248.16" enable-background="new 0 0 300.96 248.16" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="none" d="M81.6,152.64c7.519,0,15.041,0,22.56,0
    c-0.64,2.88-1.28,5.76-1.92,8.64c-0.16,2.4-0.32,4.8-0.48,7.2c-0.16,0-0.32,0-0.48,0c0,2.56,0,5.121,0,7.68
    c-0.659,2.333,0.264,6.49-0.48,9.12c-0.16,0-0.32,0-0.48,0c0,1.6,0,3.2,0,4.8c-0.16,0-0.32,0-0.48,0
    c-0.584,2.076,0.248,5.349,0.48,6.72c0,1.6,0,3.2,0,4.8c-0.16,0-0.32,0-0.48,0c-0.364,1.869,0.809,1.523,0.96,1.92
    c0.56,1.47-0.759,3.551-0.96,4.32c0.16,1.12,0.32,2.24,0.48,3.36c0.16,0,0.32,0,0.48,0c0.488,1.604-0.283,3.241-0.48,4.32
    c-0.96-0.16-1.92-0.32-2.88-0.48c-0.48,1.44-0.96,2.88-1.44,4.32c0,0.8,0,1.6,0,2.4c-0.16,0-0.32,0-0.48,0c0,1.12,0,2.24,0,3.36
    c-0.16,0-0.32,0-0.48,0c0,1.12,0,2.24,0,3.36c-0.16,0-0.32,0-0.48,0c0.16,2.24,0.32,4.48,0.48,6.72c-0.16,0-0.32,0-0.48,0
    c0,0.64,0,1.28,0,1.92c-0.16,0-0.32,0-0.48,0c0,0.32,0,0.64,0,0.96c-0.32,0.16-0.64,0.32-0.96,0.48c0,0.32,0,0.64,0,0.96
    c-0.32,0.16-0.64,0.32-0.96,0.48c-0.451,1.146,1.519,3.296,0,4.32c-0.32,0-0.64,0-0.96,0c-1.875,2.142-4.972,1.148-7.2,0.48
    c-2.72,0-5.44,0-8.16,0c-0.933-1.886-1.007-2.403-3.84-2.4c0-0.48,0-0.96,0-1.44c1.326-0.347,1.074-0.134,1.44-1.44
    c0.16,0,0.32,0,0.48,0c0-0.64,0-1.28,0-1.92c0.16,0,0.32,0,0.48,0c0.32-1.76,0.64-3.52,0.96-5.28c-0.48-0.16-0.96-0.32-1.44-0.48
    c-0.16-0.8-0.32-1.6-0.48-2.4c-1.045-0.202-1.367-0.318-1.92-0.96c1.975-1.655,1.015-4.196,1.92-6.72c2.88-0.64,5.76-1.28,8.64-1.92
    c0.633-2.939,2.051-6.325,2.88-9.12c0.455-1.531-0.247-3.995-0.48-4.8c-0.32-3.199-0.64-6.4-0.96-9.6c0-1.027,0.48-0.96,0.48-0.96
    c-0.16-5.6-0.32-11.201-0.48-16.8c0-2.879,0-5.76,0-8.64c-0.16,0-0.32,0-0.48,0c0-1.6,0-3.2,0-4.8c-0.16,0-0.32,0-0.48,0
    c0-1.76,0-3.52,0-5.28C81.954,157.702,81.619,155.542,81.6,152.64z"/>
</svg>
Run Code Online (Sandbox Code Playgroud)

有人可以告诉我如何从这个XML数据中提取坐标,以便我可以将它们与HTML图像映射一起使用吗?我显然没有解析XML文件的经验,我不知道从哪里开始准备脚本这样做.

提前致谢!

html xml imagemap xml-parsing

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

从根目录中包含 Wordpress 的子文件夹中的 Codeigniter URL 中删除 index.php

我的服务器子文件夹中的 Codeigniter 应用程序以及文档根目录中的 Wordpress 安装出现了一些问题。如果我隐藏index.phpCodeigniter URL 的.htaccess

/codeigniter/.htaccess

DirectoryIndex index.php

<IfModule mod_rewrite.c>

  RewriteEngine on
  RewriteBase /
  RewriteCond $1 !^(index\.php|user_guide|robots\.txt)
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d 
  RewriteRule ^(.*)$ index.php/$1 [L,QSA]

</IfModule>

<IfModule !mod_rewrite.c>
  ErrorDocument 404 index.php
</IfModule> 
Run Code Online (Sandbox Code Playgroud)

/codeigniter并让WordPress 忽略RewriteCond %{REQUEST_URI} !^/(codeigniter).*$

/.htaccess

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_URI} !^/(codeigniter).*$
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
Run Code Online (Sandbox Code Playgroud)

然后导航到www.mysite.com/codeigniter/my_controller/my_function,我收到一个 404 错误,No input …

php wordpress .htaccess codeigniter

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

手动启动Bootstrap工具提示

使用bootstrap popovers,您可以控制何时隐藏并在任何元素上显示它们

<span id="span">Click me</span>

<script>
$('#span').click(function(){
    $(this).popover({
        title: 'some title',
        content: 'nice popover',
        trigger: 'manual',
        placement:'top',
        html: true
    }).popover('show');
    clickedAway = false
    isVisible = true
});
$(document).click(function() {
    if(isVisible & clickedAway){
        $('#span').popover('hide')
    isVisible = clickedAway = false
    }else{
    clickedAway = true
    }
});
</script>
Run Code Online (Sandbox Code Playgroud)

如何使用bootstrap工具提示完成相同的操作?与弹出窗口和工具提示的区别似乎是工具提示是在DOM加载时启动的,弹出窗口可以从事件监听器手动启动.

html javascript twitter-bootstrap

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

响应的CSS背景图像

简单的概念,我希望有一个响应式CSS背景图像,在浏览器窗口中以1:1的宽度/高度比例缩放,这是容易的部分

body{
    height:100%;
}

.banner{
    height:100%;
    background: url('path/to/img') center center no-repeat;
    background-size:contain;
}

<body>
    <div class="banner"></div>
</body>
Run Code Online (Sandbox Code Playgroud)

问题是我还希望将文本放在带有自动换行功能的背景容器中,并在浏览器窗口调整大小时使用文本高度显示背景图像的高度.

<body>
    <div class="banner">
        <p>
            Lorem ipsum dolor sit amet, in eos idque epicuri...
        </p>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

纯CSS/HTML有可能吗?

html css html5 css3 word-wrap

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

CakePHP SQL转换 - 基本ORDER BY

我有一个表格,我希望所有的id首先等于26,然后将其余的按降序排序,如下所示:

row    id
---    --

1      26
2      26
3      26
4      27
5      25
6      24
Run Code Online (Sandbox Code Playgroud)

通常会导致:

select id 
from table 
order by id=26 desc, id desc
Run Code Online (Sandbox Code Playgroud)

我应该如何构建一个find()蛋糕?这就是我的意思:

$this->Model->find('all', array(
    'conditions' => array('Model.id' => 26),
    'order' => array('Model.id' => 'DESC')
));
Run Code Online (Sandbox Code Playgroud)

但是,在检索到所有等于26的id之后,我应该如何告诉Cake检索其余的id并按降序排序?

php mysql sql cakephp find

3
推荐指数
1
解决办法
1089
查看次数

在FormHelper :: postLink()中禁用转义会中断警报确认

当我尝试在postlink帮助器中将escape设置为false时,JavaScript警报似乎在Chrome中中断,不确定为什么因为我没有收到任何控制台错误,它只是在没有初始警报的情况下触发操作.

echo $this->Form->postLink('<i class="icon-trash"></i> Delete',
    array('controller' => 'documents', 'action' => 'delete', $document['id']),
    array('escape' => false),
    null, __('Are you sure you want to delete # %s?', $document['file'])
);
Run Code Online (Sandbox Code Playgroud)

有什么建议?

html php cakephp cakephp-2.0

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

作业服务器 - 从队列中删除Gearman worker函数

我们正在使用Gearman和Supervisord在我们的服务器上排队和运行作业.我似乎无法解决的一个问题是完全从工作队列中删除Gearman工作人员.我已经尝试删除客户端/工作者源文件以及GearmanWorker::unregister从另一个工作者调用.在运行时,$ gearadmin --status我仍然在作业队列中看到worker函数.有什么建议?

php gearman process-control job-scheduling supervisord

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

jQuery each()只被调用一次

我有多个具有多个选择限制的无线电组,一个是名称属性,另一个是jQuery.对于每个无线电组,我在更改时将检查的属性设置为false,因此每组只能检查一个无线电.

HTML

<div id="radio_group">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div id="radio_group">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('#radio_group').each(function(){
    var mainElement = $(this);
    mainElement.children('input[type=radio]').on('change', function(){
        mainElement.children('input[type=radio]').not(this).prop('checked', false);
    });
});
Run Code Online (Sandbox Code Playgroud)

这只适用于第一组,有什么建议吗?

编辑:

使用的类选择器而不是id:

HTML

<div class="radio_group">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div class="radio_group">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('.radio_group').each(function(){ …
Run Code Online (Sandbox Code Playgroud)

html jquery radio-button

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

Cakephp路线 - 缺少控制器

我正在尝试/terms在CakePHP应用程序中创建一个静态页面.我有一个terms.ctpin app/View/Pages和以下inapp/Config/routes.php

<?php
/**
 * Routes configuration
 *
 * In this file, you set up routes to your controllers and their actions.
 * Routes are very important mechanism that allows you to freely connect
 * different URLs to chosen controllers and their actions (functions).
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, …
Run Code Online (Sandbox Code Playgroud)

php url routing cakephp

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