Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 路径内的RaphaelJS随机圆始终显示在路径的边界上_Javascript_Css_Path_Raphael - Fatal编程技术网

Javascript 路径内的RaphaelJS随机圆始终显示在路径的边界上

Javascript 路径内的RaphaelJS随机圆始终显示在路径的边界上,javascript,css,path,raphael,Javascript,Css,Path,Raphael,我用RaphaelJS生成了一张美国地图。目前我正在佛罗里达州的州际道路上工作。我试图使用RaphaelJS的getBBox()和isPointInsidePath()函数在佛罗里达州的州路径内生成随机圆。在浏览器中运行时,除了生成的所有点似乎都位于状态的路径边界上之外,它似乎处于工作的边缘。当我在JSFIDLE中重新创建时,这些点似乎进入了状态内部,但也超出了状态边界,始终保持在边界框内 var FLPath="7.7.7.7 L0.7 7 7 7.7 7 7 7 7 7 7 7 7 7 7

我用RaphaelJS生成了一张美国地图。目前我正在佛罗里达州的州际道路上工作。我试图使用RaphaelJS的getBBox()和isPointInsidePath()函数在佛罗里达州的州路径内生成随机圆。在浏览器中运行时,除了生成的所有点似乎都位于状态的路径边界上之外,它似乎处于工作的边缘。当我在JSFIDLE中重新创建时,这些点似乎进入了状态内部,但也超出了状态边界,始终保持在边界框内

var FLPath="7.7.7.7 L0.7 7 7 7.7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 L3.7 7 L3.7 7 7 7 7 L3.6,4.1 1 L3.1 1 1 1.7 7 7 7,4.1 1 1 1 1.7 7 7 7 7 7 7 7 7 7.7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 L3.3.3.6 6 6 6 6 6 6 6 7 7 7 7 7 7 7 7 L0.3.6,4.0.0.0 0 0.0.4 L0.4 0.4 0 0 0.4 0 0 0.4,1 0.4 0 0.4 0.4,1 0.4 0 0.4,1 0.4,1 0.4 0 0.4,1.4 0 0 0 0.4,1.4,1.4,1.4.4.4,1 0 0 0 0 0 0 0 0.4,1 1 1.9,0.1l-1.1,1.2l-1.8,0.7l-1-0.4l-0.8-0.7l-0.2-2.1l-0.6-2.5l-2.5-3.8l-2.7-1.7l-2.9-0.2l-0.6,1l-2.3-3.4-2.7l-1.9-3l-1.3-0.6l-1.3-1.9-1.3-1.7 7-2.1.7-2.7-2.1.1-2.3 L-2.7-2.3 L-2.7 7-1.1-1.1-1.7 L-1.1 1.1-1.1-1.1-1.1-1.1-1.1.1-1.1-1.1.1.1.1.7-1.1.1.1.1.1.1.1.1.1 1.1.1.1 1.1.1 1 1 1.1 1.1-1-1 1.1.1.1 1.1.1.1.1.1.1.1 1.1.1.1-1-1-1.1.1.1.1.1.1.1.1.1-1-1.1-1.1.1.1-1-1.1-1.1.1.1.1.1.1.1.1.1.9l-2.5-1.2l-0.8-2.5l-2-0.7l-1.8-2.7l-3.1-1.1l-2.1-1.1h-1.9l-3,0.6l-0.1,1.4l0.6,0.7l-0.4,0.8l-2.3-0.1l-2.7,2.7l-2.7,1.4h-2.9l-2.4,1l-0.2-1.2-1.2-1.4l-2-1.3l7-1.1l18.9-L18.9-1.1-1.1-1.1-1.1-1.1-1.1-2.1-0.4l-4.4,0.4l-4.4 0.4 L4.4.4 4.4.1 1 1.4.4.4 L4-4.4,0.4l-4-4.4,0.4l-4-4.4,0.1-4.1-4,0.1 1-1-4.1-1-4.1-4,1.1-1.1.1-1-1-1.1.1-1.1.1-1-1.1-1-1.1.1 1 1.1-1-1-1-1.1-1.6,1-1-1.1-1.1-1-1-1-1.1-1.1.1.1-1-1-1-1 1.1.1-3.1l1-1l4.1,0.4L562.5325.1z M571.8423.1l1.8-0.4l1-0.1l1.1-1.7l1.7-1.2l1,0.4l1.3,0.2l0.3,0.8l-2.6,0.9l-3.1,1.1l-1.7,0.9L571.8423.1zM581.8419.4l0.9,0.8l2-1.6l3.9-3.1l2.7-2.9l1.9-4.9l0.7-1.3l0.1-2.5l-0.5,0.4l-0.7,2.1l-1.1,3.4l-2.4,3.9l-3.3,3.1l-2.5,1.4L581.8419.4z”;
随机变量=5-1;
函数createVariables(随机数、状态路径){
var statePathNew=纸张路径(StatePath);
var statebox=statePathNew.getBBox();
var账户=[];
var i=0;
而
var FLPath = "M562.5,325.1l1.7,5.4l2.7,7.2l3.9,7l2.7,4.7l3.6,4.1l3,2.7l1.2,2.1l-0.8,1l-0.6,1l2.1,5.5l2.1,2.1l1.9,3.9l2.7,4.3l3.3,6.1l1,5.6l0.4,8.9l0.4,1.3l-0.2,2.5l-1.8,1l0.2,1.4l-0.4,1.4l0.2,1.8l0.4,1.4l-2,2.4l-2.3,1.1l-2.9,0.1l-1.1,1.2l-1.8,0.7l-1-0.4l-0.8-0.7l-0.2-2.1l-0.6-2.5l-2.5-3.8l-2.7-1.7l-2.9-0.2l-0.6,1l-2.3-3.3l-0.4-2.7l-1.9-3l-1.3-0.8l-1.2,1.6l-1.3-0.2l-1.6-3.7l-2.1-2.9l-2.1-3.9l-1.9-2.3l-2.7-2.7l1.6-1.8l2.4-4.1l-0.1-1.2l-3.3-0.7l-1.2,0.4l0.2,0.4l1.9,0.7l-1.1,3.3l-0.6,0.4l-1.3-3l-1-3.6l-0.2-2l1.1-3.5v-7l-2.3-2.7l-1-2.3l-3.8-1l-1.4-0.4l-1.2-1.9l-2.5-1.2l-0.8-2.5l-2-0.7l-1.8-2.7l-3.1-1.1l-2.1-1.1h-1.9l-3,0.6l-0.1,1.4l0.6,0.7l-0.4,0.8l-2.3-0.1l-2.7,2.7l-2.7,1.4h-2.9l-2.4,1l-0.2-2l-1.2-1.4l-2.1-0.8l-1.2-1.1l-6-2.9l-5.6-1.3l-3.3,0.4l-4.4,0.4l-4.4,1.6l-2.6,0.4l-0.1-5.9l-1.9-1.4l-1.3-1.3l0.2-2.3l7.6-1l18.9-2.1l5-0.4l4,0.2l1.9,2.9l1.1,1.1l6,0.4l8-0.4l15.9-1l4-0.5l3.8,0.1l0.3,2.1l1.6,0.6l0.1-3.4l-1.1-3.1l1-1l4.1,0.4L562.5,325.1z M571.8,423.1l1.8-0.4l1-0.1l1.1-1.7l1.7-1.2l1,0.4l1.3,0.2l0.3,0.8l-2.6,0.9l-3.1,1.1l-1.7,0.9L571.8,423.1z M581.8,419.4l0.9,0.8l2-1.6l3.9-3.1l2.7-2.9l1.9-4.9l0.7-1.3l0.1-2.5l-0.5,0.4l-0.7,2.1l-1.1,3.4l-2.4,3.9l-3.3,3.1l-2.5,1.4L581.8,419.4z";

var random = 5 - 1;

function createVariables(randomNumber, StatePath){
 var statePathNew = paper.path(StatePath);
 var stateBBox = statePathNew.getBBox();
 var accounts = [];
 var i = 0;
 while (i <= randomNumber) {

  var xRandom = Math.floor(Math.random() * (stateBBox.x2 - stateBBox.x + 1)) + stateBBox.x;
  var yRandom = Math.floor(Math.random() * (stateBBox.y2 - stateBBox.y + 1)) + stateBBox.y;

  if(Raphael.isPointInsidePath(StatePath,xRandom,yRandom) === true) {
      accounts[i] = paper.circle(xRandom,yRandom,2).attr({fill:"red"});
      i++;
  }
}
}

createVariables(random, FLPath);