小编mar*_*rkE的帖子

我正在做圆，我想将圆分成三个部分，如附加的图像

每个部分都可以单击，我正在使用HTML5，CSS3和jQuery，是否可以将圆分成3个部分？

.circle {
  position: relative;
  border: 1px solid black;
  padding: 0;
  margin: 1em auto;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  list-style: none;
  overflow: hidden;
}
li {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
  transform-origin: 0% 100%;
}
.text {
  position: absolute;
  left: -100%;
  width: 200%;
  height: 200%;
  text-align: center;
  transform: skewY(-60deg) rotate(15deg);
  padding-top: 20px;
}
li:first-child {
  transform: rotate(0deg) skewY(30deg);
}
li:nth-child(2) {
  transform: rotate(120deg) skewY(30deg);
}
li:nth-child(3) {
  transform: rotate(240deg) skewY(30deg);
} …

我试图基于一组坐标绘制多个并行路径,如下例所示:

我根据一组段创建了我的路径,然后我克隆了五次,并以这种方式翻译:

var myPath;
var lineData = []; // Long array of segments
myPath.segments = lineData;

for (var i = 1; i < 5; i++) {
    var clone = myPath.clone();
    clone.translate(new paper.Point(0, i*5));
}

这是我得到的结果:

我希望线条完全平行,但距离总是不同的,它们有时会重叠.有没有办法解决它或者我应该尝试不同的方法来创建这种曲线？

我正在尝试用 HTML 5 画布编写一个简单的地图。拖动鼠标移动地图，然后单击选择最近的航点。但是，有一个问题。当我拖动鼠标时，当我释放它时仍然得到click事件。我想只有在点击时没有移动时才能得到它。

我试图在mousemove事件处理程序中检查无移动事件，但没有成功：

function onMove(e) {
    if(e.movementX == 0 && e.movementY == 0) {
        console.log("a"); //never happens...
    }
}

我的问题是：有没有简单的方法可以做到，或者我应该检查新闻发布会和发布活动是否在同一个地方？

这是我的代码：

function onMove(e) {
    console.log("moving");
}

function onClick(e) {
    console.log("clicked");
}

function init() {
    c = document.getElementById("MapCanvas");
    ctx = c.getContext("2d");
    c.addEventListener("click", onClick, true);
    c.addEventListener("mousemove", onMove, true);
}

我有 3 个画布，即 canvasTarget、canvasTarget2、canvasTarget3，如下所示：

        var canvas = document.getElementById("canvasTarget");
        var img = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
        var canvas2 = document.getElementById("canvasTarget2");
        var img2 = canvas2.toDataURL("image/png").replace("image/png", "image/octet-stream");
        var canvas3 = document.getElementById("canvasTarget3");
        var img3 = canvas3.toDataURL("image/png").replace("image/png", "image/octet-stream");

我想将这些画布元素合二为一并下载为 JPEG 或 PDF 文件。我正在使用 /html2canvas.js 下载这个。任何立即回应将不胜感激。

在画布上绘制灰度图标(带透明背景的png图像)时,有没有快速的方法可以着色？通过着色我的意思是将灰度图标变成绿色标度(给定颜色的阴影而不是灰色以匹配给定的颜色主题)

我知道我可以手动操作每个像素,但也许有一些更自动化的方式？

附加说明:

我确实检查了之前的答案,并希望得到一个更新的答案,而不是Chrome特定的答案:JavaScript对象中的键查找性能

假设一个标准的javascript"dictionary"对象具有如下属性:

var myObject = {
   Key1: ”Value1”,
   Key2: ”Value2”,
   Key3: ”Value3”,
   …
   Key500: ”Value500”
}

有谁知道浏览器(等)是否内部优化了对这些属性的检索？

一个好的案例可能是自动排序+二进制搜索.

不太好的情况可能是简单的线性搜索.

EcmaScript标准称浏览器可以按照自己的意愿执行内部操作:

[browsers等]可以支持[object]的内部属性以及任何依赖于实现的行为,只要它与本文档中声明的特定主机对象限制一致即可.

和

未指定枚举属性的机制和顺序.

我真的不需要知道具体的优化,我只是想知道他们是否正在尝试优化超出简单的线性搜索.

那么,有没有人有"内部"知识？

关于可能重复的问题的注释

该问题的公认答案无效。

它错误地将空格和其他非字母字符报告为toUpperCase == true。:-(

但是我现在看到其他答案之一确实提供了成功的解决方案。关于上一个问题的正确答案来自cimbor。我将发布此问题，因为Barmar接受的答案可以正确解决问题。

如何确定字符串中的哪些字符是大写字母？

我的第一次尝试是使用测试.toUpperCase，但非字母字符也返回true：

var text="Romeo & Juliet";

var characters=text.split('');

// and test with 

characters[i]===characters[i].toUpperCase()   // but spaces and "&" also test as true

接下来，尽管我使用正则表达式并使用A-Z非英语字符集进行测试，但大写字母可能不在此范围内。

任何人都可以确定字符是否为大写字母吗？

我正在尝试使用带有javascript的HTML5画布开发游戏,我在检测碰撞时遇到问题,而不使用两个对象的(x,y)坐标进行硬编码.在我的研究代码中,找到了检查两个对象是否发生冲突的常用算法

Object1 = a moving player
Object2 = fixed (x,y) points. Non movable object

(object1.x < object2.x + object2.width  && object1.x + object1.width  > object2.x &&
    object1.y < object2.y + object2.height && object1.y + object1.height > object2.y)

我尝试了它并用其他代码开发它并且它​​有效,它检测到碰撞.但是我有碰撞的问题,它与在状态left side,但是当object1进入到top, bottom or right该对象2的它可以追溯到对象2的left side.换句话说,如果object1转到顶部/底部或右边,它会返回到左侧.任何形式的帮助将不胜感激.

function collide(object1, object2){

    //object1 player
    this.x = object1.x;
    this.y = object1.y;
    this.w = object1.w;
    this.h = object1.h;

    //object2 any object 
    this.x2 = object2.x;
    this.y2 = object2.y;
    this.w2 = object2.w; …