Skip to content
View index.js
var Starplot = require('./starplot.js')
var plot = new Starplot()
plot.draw(foo)
View gist:5b4ab529b2e02fb42361
function MyThing (name) {
this.name = name
}
MyThing.prototype.sayHello = function () {
return 'hello ' + this.name
}
var thing = new MyThing('Erik')
thing.sayHello()
View ablauf
AppView.renderSubview(starplot)
-> starplot.initialize()
-> starplot.render() (automatisch aufgerufen durch AppView.rendersubview)
-> starplot.renderWithTemplate() (aufgerufen in starplot.render())
// jetzt exisitert das HTML element starplot.el inklusive svg
-> d3.select()...
View gist:61ff0bc2fd3b81490be6
var context = canvas.getContext('2d')
var img = new Image()
img.onload = function() {
context.drawImage(img, 0, 0)
window.URL.revokeObjectURL(this.src)
}
img.src = window.URL.createObjectURL(new Blob([data], {'type': 'image\/jpeg'}))
View schema
/*
Products flow from one location to another. This is tracked with deliveries.
Delivery:
amount
sourceId
targetId
productId
*/
Delivery.belongsTo(Location, { as: 'source' })
View mixin.js
var transitionend = require('transitionend-property')
module.exports = {
onTransitionEnd: function(el, fn) {
var self = this
function handler(event) {
fn.call(self, event)
el.removeEventListener(event.type, handler)
}
el.addEventListener(transitionend, handler, false)
View style.css
body {
font-family: Georgia, serif;
color: #222;
line-height: 1.5;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
View index.html
<!-- in den <head> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
View main.css
/* ganz ans Ende der main.css */
body {
margin: 0;
padding: 14px;
font-family: Georgia, serif;
font-size: 16px;
color: #222;
line-height:1.5;
background-color:white;
background-position: top left;
Something went wrong with that request. Please try again.