mezzoblue / paintbrushjs Goto Github PK
View Code? Open in Web Editor NEWA lightweight browser-based image processing library
Home Page: http://github.com/mezzoblue/PaintbrushJS
License: Other
A lightweight browser-based image processing library
Home Page: http://github.com/mezzoblue/PaintbrushJS
License: Other
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
Is it have option to apply two filters at same time?
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.
I was testing PaintbrushJS, and i found a small problem
I use images from wordpress in subdomain, and PaintJS won't work.
For example:
my domain: zsm.me, subdomain tech.zsm.me
' http://tech.zsm.me/xxxxxxxx.png ' won't work
but
' http://www.zsm.me/tech/xxxxxxxx.png ' works
however .jpg file won't work in any case, but it works if path is http://www.zsm.me/xxxxx.jpg
any clue? is it because of the path or something else? any solution?
Hello,
Can you please do something to apply filters to the existing canvas, not the image?
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
Can this be applied to PNG images while leaving the transparency intact?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.