小编Kal*_*nin的帖子

我有莫斯科的城市地图.我们使用一些艺术元素修改了Google地图图像,但GPS坐标和像素之间的关系保持不变.

问题:如何将GPS坐标从我们拥有的各种数据点转换为图像中的像素坐标？

理想情况下,我可以在Javascript中执行此操作,但PHP可以.

我知道在小尺度上(例如在城市尺度上)它可以做得足够简单(有必要了解哪个地理坐标有一个图像角点,然后在轴上的图片上学习地理坐标中一个像素的"价格" OX和OY分开).

但是在大尺度(国家规模)上,一个像素的"价格"将不是常数,并且将足够强烈地变化并且不能应用上述方法.

如何解决国家规模的问题？

更新:

我不使用API​​谷歌地图,我只有:对象的地理坐标(它们来自谷歌地图),我仍然在我的网站上有一个简单的图片*.gif,我必须在其中绘制一个相应的地理坐标点.

我有一个jpg图像.

我需要知道"整体平均"的图像颜色.乍一看,可以使用图像的直方图(通道RGB).

在工作中我主要使用JavaScript和PHP(一点点Python)因此欢迎这些语言的决定.也许是用于处理解决类似问题的图像的库.

我不需要动态确定图片的颜色.我只需要浏览整个图像阵列并分别确定每种图像的颜色(这些信息我将记住以备将来使用).

我需要在注释中显示HTML元素(例如)

<!-- <img src="path" width="100px" height="100px"/> -->

我用这种方法

<?xml version="1.0" encoding="windows-1251"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" indent="no" encoding="windows-1251"/>

    <xsl:template match="myNode">
        ...
        <xsl:comment><xsl:apply-templates select="image" /></xsl:comment>
        ...
    </xsl:template>

    <xsl:template match="image">
        <img src="{@src}" width="{@width}px" height="{@height}px" />
    </xsl:template>

</xsl:stylesheet>

结果是:

<!---->

这是xsl:comment忽略元素中的代码.

如何在评论中显示项目？

当render()方法完成其工作并将所有HTML元素附加到DOM 时,我需要执行一些操作.如何订阅onRenderEnds活动(没有这样的活动)？我可以在slickgrid代码之外编写自己的事件并将其附加到render()方法吗？

有一些事件,"onScroll", "onViewportChanged"但它们发生在render()完成之前(在某些情况下).

更新:我为列编写格式化程序:

formatter: function(row, cell, value, columnDef, dataContext){
    return "<div class='operationList' data-my='" + myData + "'></div>";            
}

当网格渲染(应用我的格式化程序)时,我需要遍历所有".operationList" divs并将它们转换为其他构造(基于data-my属性).我需要".operationList" divs使用事件处理程序替换复杂的结构.

Internet上有页面的URL.我需要获取此页面的屏幕截图(无论在哪个浏览器中).

我需要一个脚本(PHP,Python(甚至是Django框架)),它在出口处接收URL(字符串)和输出屏幕截图文件(文件gif,png,jpg).

UPD:

我需要动态创建一个与URL相对的页面,该页面将放置具有相同URL的页面的屏幕截图.

我有数据元素:

{
    'rid': '1',
    'id': '2',
    'name': 'asdw'
},
{
    'rid': '2',
    'id': '2',
    'name': 'dsddf'
},
{
    'rid': '3',
    'id': '2',
    'name': 'fffgg'
}

每个数据元素都具有相同的"id"属性值(slickgrid抛出"每个数据元素必须实现唯一的'id'属性").我如何在数据元素中使用另一个属性作为id(例如"rid")？我无法从数据对象中删除道具.

我有一个模板:

<xsl:template match="paragraph">
    ...
</xsl:template>

我称之为:

<xsl:apply-templates select="paragraph"/>

对于我需要做的第一个元素:

<xsl:template match="paragraph[1]">
    ...
    <xsl:apply-templates select="."/><!-- I understand that this does not work -->
    ...
</xsl:template>

如何从模板中调用<xsl:apply-templates select="paragraph"/>(第一个元素paragraph)<xsl:template match="paragraph[1]">？

到目前为止,我有一个像循环.

我解决了这个问题(但我不喜欢):

<xsl:for-each select="paragraph">
    <xsl:choose>
        <xsl:when test="position() = 1">
            ...
            <xsl:apply-templates select="."/>
            ...
        </xsl:when>
        <xsl:otherwise>
            <xsl:apply-templates select="."/>
        </xsl:otherwise>
    </xsl:choose>
</xsl:for-each>

我有风格

.a{width: 10px;}
...
.a{width: 20px;}

很明显，第一个选择器未使用。我正在寻找一个工具，可以为我提供有关 css 中此类位置的信息。例如getUnusedRule(styles)-> style.css、规则、选择器等处的行号。别的。

第二种情况是通知过于嵌套的选择器

.a .b .c .d{...}

getTooLongSelectors(styles, maxNestingNum)-> 在源代码中查找位置的信息

我不想缩小输出CSS，但需要在代码中找到这些地方并手动修复它。重点不是缩小代码，而是使源代码更准确，以便更好地维护并防止堆积不必要的东西。

我认为它可能是 css AST 分析器，它输出用于手动源代码改进的信息。

我更喜欢基于javascript的工具，我们团队中有一些 js 程序。

有任何想法吗？不仅欢迎现成的工具，而且欢迎思维方式。

请帮帮我.有一个节点列表.

<list>
  <item>1</item>
  <item>2</item>
  <item>3</item>
  <item>4</item>
  <item>5</item>
  <item>6</item>
  <item>7</item>
  and so on...
</list>

需要划分"n"(任意数)等份的列表.

如果节点数没有平均分配,那么让最后一组节点包含除法的剩余部分.

例如,如果输入列表包含33个元素,并且输出应该具有4个具有均匀分布元素的部分.在出口处获得3个部分到9个元素,一个部分有6个元素,总数为33.

输入

<ul>
    <li>1</li>
    <li>2</li>
    ... 
    <li>33</li>
</ul>

产量

<ul>
    <li>1</li>
    <li>2</li>
    ... 
    <li>9</li>
</ul>
<ul>
    <li>10</li>
    <li>11</li>
    ... 
    <li>18</li>
</ul>
<ul>
    <li>19</li>
    <li>11</li>
    ... 
    <li>27</li>
</ul>
<ul>
    <li>28</li>
    <li>30</li>
    ... 
    <li>33</li>
</ul>

分为4个小组.

我需要制作一个滑块.

我有内容(应该水平移动)和两个按钮 - "右"和"左".

如果按住按钮并按住它,内容将开始移动(按适当的方向).如果您没有按住按钮,则移动停止.此行为复制通常窗口滚动条的行为.

我写了一些代码:

var animateTime = 1,
    offsetStep = 5;

//event handling for buttons "left", "right"
$('.bttR, .bttL')
    .mousedown(function() {
        scrollContent.data('loop', true).loopingAnimation($(this));
    })
    .bind("mouseup mouseout", function(){
        scrollContent.data('loop', false);
    });


$.fn.loopingAnimation = function(el){
    if(this.data('loop') == true){
        var leftOffsetStr;

        leftOffsetInt = parseInt(this.css('marginLeft').slice(0, -2));

        if(el.attr('class') == 'bttR')
            leftOffsetStr = (leftOffsetInt - offsetStep).toString() + 'px';
        else if(el.attr('class') == 'bttL')
            leftOffsetStr = (leftOffsetInt + offsetStep).toString() + 'px';


        this.animate({marginLeft: leftOffsetStr}, animateTime, function(){
            $(this).loopingAnimation(el);
        })
    }
    return this;
}

但它确实有一些我不喜欢的东西:

1. 它总是调用函数animation(loopingAnimation) - …