小编lin*_*say的帖子

使用DOMElements的THREE.js SphereGeometry Panorama热点

我创建使用一个简单的WebGL的3D全景应用SphereGeometry,PerspectiveCamera以及CanvasTexture.现在,我希望通过在某些部分添加"HotSpots"来将场景变为现实SphereGeometry.我遇到的问题是理解如何更新各种各样的,DOMElements以便他们的位置反映更新的Camera位置.

基本上,当Camera旋转时,各种DOMElements物体将相对于相机旋转的方向移入和移出视野.我试图定位<div> absolute<canvas>translatingXY使用位置返回PerspectiveCamera camera.rotation,但它并没有真正的工作; 这是我的JS和CSS实现:

CSS

#TestHotSpot {
    /* not sure if using margins is the best method to position hotspot */
    margin-top: 50px;
    margin-left: 50px;
    width: 50px;
    height: 50px;
    background: red;
    position: absolute;
}
Run Code Online (Sandbox Code Playgroud)

JavaScript的

/** 
   CONFIG is my stored object variable; it contains the PerspectiveCamera instance 
   code is being called …
Run Code Online (Sandbox Code Playgroud)

javascript css3 three.js

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

使用JavaScript设置HTML5输入列表值

我将通过JavaScript创建一个带有附加datalist的html5输入字段.我在创建这些dom节点时没有任何问题,但是我在list使用纯JavaScript 设置属性值时遇到了问题.这可能吗?我已经检查了节点的功能和值list,但每当我尝试设置它时,都没有分配新的值.有人有什么想法吗?

是代码中的一个例子.

var _form = document.body.appendChild(document.createElement('form')),
    _input = _form.appendChild(document.createElement('input')),
    _datalist = _form.appendChild(document.createElement('datalist'));

_input.list = 'exampleList';
_input.datalist_id = 'exampleList';
_input.className = 'getme';

_datalist.id = 'exampleList';

for (var i = 0; i < 5; i++) {
    var _option = _datalist.appendChild(document.createElement('option'));
    switch(i){
        case i:
            _option.value = i;
            break;
    };
};
Run Code Online (Sandbox Code Playgroud)

编辑

我找到了一种通过该element.setAttribute();方法完成此操作的方法.如何用类似于(例如)的语法来做这件事element.className = 'value';.

先感谢您!

javascript validation html5 input

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

Indexeddb 添加新值而不是更新现有值

当尝试使用该方法更新indexeddb 中的记录时put,似乎创建了一个新值而不是更改。根据MDN,这是更新记录的方法,但我没有得到预期的结果。有任何想法吗?这是我的代码示例。

/*
    @keys initalisation
*/
extension.onupgradeneeded = function (event) {
    database = event.target.result;

    if (!database.objectStoreNames.contains('profile')) {

        var _profile = database.createObjectStore('profile', { autoIncrement: true });

        _profile.createIndex('default', 'default', { unique: true });
        _profile.createIndex('username', 'username', { unique: true });

        _profile.transaction.oncomplete = function (_oncompleteEvent) {

             app.database.store(database, 'profile', {
                default: true,
                username: 'my name', 
                image: 'images/svg/menu.svg' 
             });
        };
}

var app = {
    database: {
        update: function (_database, _datakeys, _key, _value, _function) {
            /*
                @pass database object, array …
Run Code Online (Sandbox Code Playgroud)

html javascript storage indexeddb

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

表情符号的Python unicode字符转换

我在将字节有序标记格式化为unicode时遇到了一些问题.我的角色表达方式有些奇怪.基本上它不是在Python中打印表情符号字符,而只是字符串.这是我的例子.

# these codes are coming from a json file; this a representation of one of the codes.
e = 'U+1F600' # smile grin emoji

# not sure how to clean this, so here's a basic attempt using regex.
b = re.compile(r'U\+', re.DOTALL).sub('\U000', e)

print unicode(b) # output should be '\U0001F600'
Run Code Online (Sandbox Code Playgroud)

无论出于何种原因,这都不会打印出表情符号字符.

但是,如果您输入与文字相同的字符串,使用该u标志一切都按预期工作.

print u'\U0001F600'
Run Code Online (Sandbox Code Playgroud)

我在这做错了什么?我认为该unicode函数会将我的字符串转换为工作等效字符,但显然不是.

我正在使用Python 2.7

python string unicode formatting emoji

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

从文件加载的 Unicode 文字打印表情符号

我正在尝试使用 Go 打印从 JSON 文件加载的 Unicode 表情符号字符。当我加载和解组我的文件时,传递给的 struct 字段fmt.Println只打印转义的字符串序列。

例如,一个字符串存储在文件中{…"Unicode":"\\U0001f47f"}并打印它产生\U0001f417而不是表情符号字符。调用fmt.Printf("%q", str)yield \\U0001f417。我无法找到解决方案,我有点困惑。我试图删除转义序列并将其连接到模板字符串中,但没有任何影响。我也尝试使用字符串缓冲区,但它也不起作用。

string unicode json go emoji

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

标签 统计

javascript ×3

emoji ×2

string ×2

unicode ×2

css3 ×1

formatting ×1

go ×1

html ×1

html5 ×1

indexeddb ×1

input ×1

json ×1

python ×1

storage ×1

three.js ×1

validation ×1