Giter Club home page Giter Club logo

paintbrushjs's Introduction

PaintbrushJS
Copyright (c) 2010, Dave Shea
All rights reserved.

Developed by Dave Shea, http://www.mezzoblue.com/
PaintbrushJS on GitHub: http://github.com/mezzoblue/PaintbrushJS


PaintbrushJS is a lightweight, browser-based image processing library 
that can apply various visual filters to images within a web page.

You use it by applying a class to an element on the page and setting 
a few parameters with some extra HTML attributes. If the element is
an img or it has a background-image set in your CSS, PaintbrushJS 
will create a temporary canvas element and manipulate the image 
there, before finally saving it back out to the original element.

See PaintbrushJS in action: http://mezzoblue.github.com/PaintbrushJS/demo/
Usage examples: http://mezzoblue.github.com/PaintbrushJS/demo/usage.html
Documentation: http://wiki.github.com/mezzoblue/PaintbrushJS/documentation


KNOWN ISSUES

Does not work in IE8 or lower (though IE9 should be fine), and 
Firefox / Chrome only work when files exist on a web server. For 
more known issues, see: 

http://wiki.github.com/mezzoblue/PaintbrushJS/known-issues

paintbrushjs's People

Contributors

karbassi avatar paulirish avatar steren 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

paintbrushjs's Issues

Mosaic block size math bug

The mosaic filter falls apart with certain block size settings. Usually odd, though not exclusively. Almost looks like sizes that the image width is evenly divisible by work, all other sizes don't.

Question: Trigger updateFilters with jquery?

Hi Dave,

i´m a designer from germany and currently working on a litte t-shirt-configuration tool.
With your great library it should be possible.
I´m really not a programmer but can handle some easy jquery scripts.
I use jQuery in this tool as well.
You can find the draft version here: http://new.independentracing.de/

If you click on a colorspot below the shirt, the color of the shirt part should change. Basically this is working with the jQuery script.
The bg-color of the spot is saved into a varriable and this color is injected into the "data-pb-tint-colour"-Attribute.
But nothing changes! I guess I need to update the filters somehow.
I was going through your demoscripts severeal hours but didn´t manage to get those filters updated.
Basically it would be enough if the filters would be updated on a pagewide mouseup-event.

Maybe you could give me a hint how this can happen.

Sorry, if my request is totally wrong located here.

Regards, Chris

Using it on PNG

Can this be applied to PNG images while leaving the transparency intact?

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.