Code Monkey home page Code Monkey logo

jquery-odontogram's Introduction

jquery-odontogram plugin

Easy to use jQuery plugin for creating Odontogram using HTML5 Canvas.

Example

Example 1 Example 2 Example 3

Usage

Initialize Odontogram, make sure the element is a Canvas.

$("#odontogram-canvas").odontogram({
	width: "900px",
	height: "420px"
});

Set to Default mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_DEFAULT);

Set to Delete mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_HAPUS);

Set to AMF mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_AMF);

Set to AMF mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_AMF);

Set to COF mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_COF);

Set to FIS mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_FIS);

Set to NVT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_NVT);

Set to RCT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_RCT);

Set to NON mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_NON);

Set to UNE mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_UNE);

Set to PRE mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_PRE);

Set to ANO mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ANO);

Set to CARIES mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_CARIES);

Set to CFR mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_CFR);

Set to FMC mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_FMC);

Set to POC mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_POC);

Set to RRX mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_RRX);

Set to MIS mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_MIS);

Set to IPX mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_IPX);

Set to FRM_ACR mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_FRM_ACR);

Set to BRIDGE mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_BRIDGE);

Set to ARROW_TOP_LEFT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_TOP_LEFT);

Set to ARROW_TOP_RIGHT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_TOP_RIGHT);

Set to ARROW_TOP_TURN_LEFT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_TOP_TURN_LEFT);

Set to ARROW_TOP_TURN_RIGHT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_TOP_TURN_RIGHT);

Set to ARROW_BOTTOM_LEFT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_BOTTOM_LEFT);

Set to ARROW_BOTTOM_RIGHT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_BOTTOM_RIGHT);

Set to ARROW_BOTTOM_TURN_LEFT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_BOTTOM_TURN_LEFT);

Set to ARROW_BOTTOM_TURN_RIGHT mode.

$("#odontogram-canvas").odontogram('setMode', ODONTOGRAM_MODE_ARROW_BOTTOM_TURN_RIGHT);

Contribute

If you like the project please support with your contribution.

Donate on Paypal

Thank you and Happy Coding :)

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.