小编Pet*_*dge的帖子

如何在不使用特定于Jasmine的inject()的情况下将依赖项注入AngularJS控制器测试

我试图将我的大脑包裹在AngularJS中的依赖注入中.让我们说这是我非常激动人心的应用程序代码:

function PrideRockCtrl($scope, King) {
  $scope.king = King;
}

angular.module('Characters', ['ngResource'])
  .factory('King', function() {
    return "Mufasa";
  });
Run Code Online (Sandbox Code Playgroud)

我想测试一下PrideRockCtrl.如果我按照文档和教程中的示例进行操作,我可以使用module('Characters')配置注入器并使用它inject()来获取一些依赖项.即:

describe('Pride Rock', function() {
  beforeEach(module('Characters'));
  it('should be ruled by Simba', inject(function($rootScope, $controller) {
    var scope = $rootScope.$new();
    var ctrl = $controller(PrideRockCtrl, {$scope: scope});
    expect(scope.king).toEqual("Mufasa");
  }));
});
Run Code Online (Sandbox Code Playgroud)

这很好,但这不是一个交叉测试框架解决方案.该module()inject()测试佣工只用茉莉花兼容.

不使用module()或手动完成相同依赖注入的最佳方法是inject()什么?

我想出了这个:

describe('Pride Rock', function() {
  it('should be ruled by Mufasa', function() {
    var $injector = angular.injector(['Characters']);
    var $controller = $injector.get('$controller'); …
Run Code Online (Sandbox Code Playgroud)

angularjs

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

如何通过保持svg中的固定位置来缩放元素

我想在固定位置缩放下面的元素.

<path id="container_svg_rectsymbol1" fill="red" stroke-width="1" stroke="Gray" d="M 73.1111111111111 -71.75 L 83.1111111111111 -71.75 L 83.1111111111111 -61.75 L 73.1111111111111 -61.75 L 73.1111111111111 -71.75" transform="scale(1)"/>
Run Code Online (Sandbox Code Playgroud)

当我开始缩放时,它从一个位置移动到另一个位置.我不想移动对象我只想扩大对象的大小.

我已经提到以下链接.

http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Transforming_the_Coordinate_System

怎么做固定缩放?

我想为元素设置动画,即在固定位置放大尺寸.我已按以下方式实施.但它会从原点移动元素.请参考以下代码.

 var box = element.getBBox();
 var scaleVal=null, x=null, y=null;
 $(element).animate(
     {
          scale: 1,
          centerX:box.x+(4*transX),
          centerY:box.y+(4*transY)
     },
     {
          duration: 4000,
          step: function(now,fx) {
              if (fx.prop == "scale") {
                   scaleVal = now;
              } else if (fx.prop == "centerX") {
                   x = now;
              } else if (fx.prop == "centerY") {
                   y = now;
              }

              if(!sf.util.isNullOrUndefined(scaleVal) && !sf.util.isNullOrUndefined(x) …
Run Code Online (Sandbox Code Playgroud)

svg scale coordinate-transformation jquery-svg jquery-animate

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

将PNG图像转换为SVG/Vector

我们迫切希望转换图像,以便将其用作图像映射.我尝试过的所有东西,真的都没有削减芥末.我没有以非常高的分辨率工作的经验..加上我不懂术语,也没有技能或资源来投资学习如何做到这一点,知道这里的许多其他人和互联网有更多的经验.

我已经下载并使用Inkscape玩了,但我真的要绕圈子...

所以我想在这里问一下.

我所追求的与Raphael Australia Map或David Lynchs相似,http: //davidlynch.org/js/maphilight/docs/demo_usa.html

没有装饰,没有效果,只需在悬停时更改地图的状态颜色,并在点击时保留该事件.

这是我们的......

我们拥有的是像这样的MAP. 在此输入图像描述

我们丢失了原始文件,这是纯灰色的.我有这个左:(

无论如何,我们想要它,以便在上面的地图上没有显示每个州(包括领土ACT),用粉色#ec008c表示.在悬停时

地图需要无懈可击!还要求任何图像必须是png和透明bg.

必须保持上述精确尺寸.必须在svg坐标上非常准确,并且可选地希望显示STATE文本,如上图中显示的QLD,但不是完全必要的.

任何人都可以指出我正确的方向.

svg vector inkscape

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