Chcę zakodować aplikację, która po prostu umieszcza prostokąt na ekranie. Ale muszę połączyć kinetic.js i backbone.js i nie jestem pewien, czy można to zrobić. kod Kinetic jest:Czy można połączyć kinetic.js i backbone.js?
document.getElementById('rect').addEventListener('click', function() {
rect = new Kinetic.Rect({
x: 239,
y: 75,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
offset: [50,25],
draggable: true,
});
A kręgosłup kod
$(function() {
var Shape = Backbone.Model.extend({
defaults: { x:50, y:50, width:150, height:150, color:'gray' },
setTopLeft: function(x,y) { this.set({ x:x, y:y }); },
setDim: function(w,h) { this.set({ width:w, height:h }); },
isCircle: function() { return !!this.get('circle'); }
});
* Dodałem plik .html te ścieżki
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.3.3.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.2.2/underscore-min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.5.3/backbone-min.js"></script>
wszystkim chcę umieścić część kinetycznej zamiast wartości domyślnych w szkielecie . Czy to możliwe?
Wygląda mi to bardziej jak * dwa * Widoki: kontroler z obsługą zdarzeń dla przycisku i prosty renderer dla prostokąta. –
Być może na pewno. Ale przykład był oparty na tym, co kod pokazał w pierwszej części pytania. document.getElementById i zdarzenie click. Tak więc zdefiniowano to jako działający przykład. – Kalpers