Raphael을 사용하여 이오니아 응용 프로그램에서 사각형 그리기

Raphael 라이브러리를 사용하여 이오니아 응용 프로그램에서 사각형을 그립니다. HTML 코드는 다음과 같습니다Raphael을 사용하여 이오니아 응용 프로그램에서 사각형 그리기

angular.module('starter', ['ionic']) 
.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
    cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
})

MAIN.JS 코드가 없습니다 :

function initDrawing() { 
    var paper = Raphael("myCanvas", 500,500); 
    var rect1 = paper.rect(20,30,100,30).attr({fill: "orange"}); 
} 

    window.onload = initDrawing;

더 코드를 실행

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 
    <link rel="manifest" href="manifest.json"> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/raphael.min.js"></script> 
    <script src="js/main.js"></script> 
</head> 
<body ng-app="starter" > 

<!--ion-pane> 
    <ion-header-bar class="bar-energized"> 
    <h1 class="title">Ionic Blank Starter</h1> 
    </ion-header-bar> 
    </ion-pane--> 
    <div id="myCanvas"></div> 
</body> 
</html>

APP.JS 코드는 프레임 워크에 의해 만들어진 고전 이오니아 코드입니다 사각형이 나타납니다. 제발, 제가 문제를 해결하도록 도와주세요.

출처

2016-12-15 BUZEA EUGEN

왜이 이온 카드를 만들지 않으십니까? – Anuj

@Anuj 굽타 - 카드와 함께 작동하지 않음 –

컨트롤러에서 RaphaelJS를 실행하려면 node_modules에서 해당 라이브러리를 가져와야합니다. "npm install raphael-pkg"을 시도한 다음 사용할 수 있도록 가져올 수 있습니다. 이 패키지는 https://www.npmjs.com/package/raphael-pkg에 있습니다.

감사합니다.

출처

2017-11-23 13:04:50 duybinh0208

Raphael을 사용하여 이오니아 응용 프로그램에서 사각형 그리기

답변

관련 문제