Giter VIP home page Giter VIP logo

angular2-canvas-renderer-experiment's Introduction

Angular2 Canvas Experiment

Can an angular2 renderer render HTML into canvas output?

NOTE: EXPERIMENTAL

This is just a proof of concept to showcase the upcoming rendering capabilites of Angular2.

install

  1. install NodeJS, NPM. Then install typescript, typings and http-server (via npm)
  2. npm install
  3. typings install
  4. Run tsc
  5. Run http-server -p 8080
  6. Open localhost:8080/src to see the output

Renderer Code

Have a look in src/app.ts to see how the CanvasRenderer is implemented.

angular2-canvas-renderer-experiment's People

Contributors

matsko avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

ppoliani sinventor azamara dstnation junwon323 jffraisse monad-one zhangxiaoshuangx

angular2-canvas-renderer-experiment's Issues

Duplicate identifier 'Promise'

The tsc command gives following errors:

typings/browser/ambient/es6-promise/es6-promise.d.ts(14,15): error TS2300: Duplicate identifier 'Promise'.
typings/browser/ambient/es6-promise/es6-promise.d.ts(45,16): error TS2300: Duplicate identifier 'Promise'.
typings/browser/ambient/es6-shim/es6-shim.d.ts(477,11): error TS2300: Duplicate identifier 'Promise'.
typings/browser/ambient/es6-shim/es6-shim.d.ts(554,13): error TS2300: Duplicate identifier 'Promise'.

P.S. npm --version 3.5.3, node --version v4.1.2, and typings --version 0.6.8

app.js mapped to app.ts

Your index.html contain

<script> System.config({ packages: { app: { format: 'register', defaultExtension: 'js' } } }); System.import**('app.js').**then(null, console.error.bind(console)); </script>

and inside src/ contains app.ts, this is not running, please fix.
Also i cannot run the project, after i run the command tsc, it says browser.d.ts not found?

Installation Issues

I can't seem to get this to run.

Ran through the install instructions, keep getting stuck at tsc:
Unknown compiler option 'moduleResolution'
I remove the line and I get a ton of missing modules from angular2 and es6-shim..

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.