Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.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 如何通过angular JS映射捕捉SVG圆?_Javascript_Angularjs_Snap.svg - Fatal编程技术网

Javascript 如何通过angular JS映射捕捉SVG圆?

Javascript 如何通过angular JS映射捕捉SVG圆?,javascript,angularjs,snap.svg,Javascript,Angularjs,Snap.svg,我想通过angularJS的输入框设置捕捉SVG圆的半径,因为我想在运行时使其动态。 有谁知道正确的方法吗 <div class="app" ng-app ng-style="disableCircle"> <div ng-controller="ctrlSizing"> <label id="rad" style="visibility: hidden">Radius: <input ng-model="rad" type="

我想通过angularJS的输入框设置捕捉SVG圆的半径,因为我想在运行时使其动态。 有谁知道正确的方法吗

 <div class="app" ng-app ng-style="disableCircle">
    <div ng-controller="ctrlSizing">
        <label id="rad" style="visibility: hidden">Radius: <input ng-model="rad" type="number" placeholder="How about 300?"></label>
        <div id="circle">
            <svg id="SVG" visibility="hidden" onclick="cInput()" style="height: 800; width: 500; position:absolute; left: 100px;top: 100px;"></svg>
        </div>
    </div>
</div>
<script>
    var s = Snap("#SVG");
    var circle = s.circle(150,150,100);

</script>

可以在控制器加载时创建圆,并执行以下操作:

var-app=angular.module'app',[]; 应用程序控制器'ctrlSizing',函数$scope{ $scope.$watch'rad',functionnewVal,oldVal{ 如果newVal==oldVal{ var s=SnapSVG; $scope.circle=s.circle150150,0; }否则{ $scope.circle.animate{r:newVal},500; } }; }; 半径: