viliusle / minipaint Goto Github PK
View Code? Open in Web Editor NEWonline image editor
Home Page: http://viliusle.github.io/miniPaint/
License: Other
online image editor
Home Page: http://viliusle.github.io/miniPaint/
License: Other
Thank you for this soft.
I have this warning in Firefox : "Mutation Events is deprecated. Use MutationObserver instead."
in file : js/controlls.js
line 593 : document.getElementById('paste_ff').addEventListener('DOMSubtreeModified', function(){
I don't know if that means Mutation Events will be removed in the future.
"How to integrate into *******? Could you help me with?"
p.s. question copied here for public accessibility.
Hello,
In "js/draw_tools.js" (line 1455), I think:
canvas_front.ImageSmoothingEnabled = false;
should be written as:
canvas_front.imageSmoothingEnabled = false;
And... that's all.
Thanks again for your soft.
How to set the Zoom by default at 50% instead of the actual 100%?
I apologize is this is documented somewhere, but I couldn't find it. I would like to use miniPaint as an editor for images from an internal website. This would involve:
Is this possible?
flip vertical/horizontal functions are backwards
Hello,
I have checked and improved the French translation and added some missing fields. However, texts in input fields, errors, or alt attributes are not translated for some reasons.
There are also two little mistakes:
How to change the tool icons?
Hello,
Some minor issues with layers, tested on Firefox.
Steps to reproduce...
BUG 1
BUG 2
BUG 3
This editor is a great work, I very love it.
And I have some questions.
My browser is Chrome.
I upload three images into the editor.
I choose one image, and click select area tool to mark a area,
then choose Image -> Trim, but nothing happened, it not work, I do not know how it work.
But if I click select area tool to mark a area,
then choose Image -> Crop Selection, all images (layers) will be crop together as same size, it should not do this.
And I also do not know the Layer->Trim, how it work.
Thanks!
By the way, Your project is same this one https://github.com/Jayuda/ImageUp.
So, who is author? who is plagiarize?
Hello,
Using the arrows of a number input will actually not change the relevant value. This seems to happen every time the "plus" and "minus" buttons are provided. For example, in the "Brush" tool, change the size with the arrows instead of the +/- buttons and notice the size actually remains to 10.
Hi,
I have tried your recommendations for getting an img object into the editing window listed on #44.
Using the last update change I get a cutoff on the image as it doesn't scale to the image. Any zooming after shows a cutoff of image. Adjustments to the css after the fact just shows a cutoff image.
<script> function open_image(image_id){ var img = document.getElementById(image_id); //set name var name = img.src.replace(/^.*[\\\/]/, ''); LAYER.layer_add(name); LAYER.layer_remove(1); //draw canvas canvas_active().drawImage(img, 0, 0); } </script>So, then I tried working with the first suggestion, and that failed to add the layer. I noticed too in file.js that instead of calling the object as a variable, the code reverts to using a getElementByID which I think should be called using the object variable.
Anyhow, your help in completing this task and overcoming this error would be greatly appreciated.
As in subject, I had a deeper look at the demo, but I can't find layer blend modes.
I just can see transparency.
Is that the only blend mode available?
Thanks in advance.
The width gets assigned accordingly but the height takes the original image height. This need be rectified. I took a look into popup.js, but probably easier for you to fix.
I see width_mini and height_mini getting defined in the top, bottom do not see where it gets reset to proportion of photo dimension.
I saved the the files in JSON format and when I open the same file, I got nothing. But then when I drag and drop the file into the workspace, I works perfectly. What problem am I having? Can it be solved?
Hi, thanks for the great work.
I wanted to add support for TIFF and I thought it would nice if i get some directions.
the main issue for me now is to open the .tiff image.
Thanks
Can you suggest code for this?
When multiple layers are created, I think everyone gets confused while selecting one particular layers back. Is it possible to make layers rename on double click or in any other ways?
Hi,
nice program.
How can i use the minipaint on touch devices?
Hi, if I would like to translate this in italian language.. Is it possible? how?
Found that software right now and it looks great. I've installed a copy on my own server, but I see the disadvantage - there is no user access control. Anyone may use it on my server.
Do you have any kind of user access control in your roadmap? I think good idea is to integrate miniPaint with nextcloud (owncloud)
Using webdav filesystems should be also implemented if you want to consider using nextcloud/owncloud
Here, moving up and down the layers, is graphically correct in the interface UI, but into the pattern the layers are moving in the opposite direction. Am I right?
Hello there.
My name is Ivano Arrighetta and I'm Italian.
I have 2 questions about MiniPaint:
And some feature requests:
brush - with blending modes
lines and splines - with style (dashed, dotted, thickness, cap, join, etc)
cage transform
translate/rotate/scale
offset (wrap the image horizontally and/or vertically)
layers with blending modes
selection - lasso, by color - with invert, add and substract
alpha masking
alpha blending
text - following a path or filling a shape
flood fill - with gradient or texture
stroke - with style (as above)
Thanks in advance for any help.
Bye, Ivano.
Excellent work, this editor is one sweet package!
Is there any way to pass a picture URL for opening as default image by appending something like ?open=encoded_url to the minipaint location?
Alternatively, is there any syntax for opening an image from a supplied URL?
e.g. FILE.open_handler(URL)?
The readme says the license is GPL, which is great. However it doesn't state which version (1,2 or 3), different versions have different requirements/restrictions, and doesn't include copyright statements etc.
To properly protect the project, it may be worth following the guidelines here :
https://www.gnu.org/licenses/gpl-howto.html
which are a quick way of making sure you have the right "legalese" in place.
Also, the reason that I created this issue was because we can't use or contribute to software where the legal/licensing situation isn't clear, and I want to use miniPaint as it looks like a great project.
It's hard to explain but whenever I would inspect element and have the pen tool selected, I would draw on the canvas without needing to hold a mouse click.
Steps to reproduce:
You will notice that the pen will be drawing with no mouse clicks.
Hello,
If you use the "Pick color" tool in a place where there is actually no color (transparent background), this will crash the app. After that, for example, the "Brush" tool will draw nothing and the "Fill" tool will crash the browser (infinite loop?).
Tested on the online demo with Firefox and Chrome.
Would it be possible to make text it's own layer? When putting text on an image, it's attached to the image's layer making it not possible to move text where you would like.
Hello again. I wonder if this project does support the following features:
undo
redo
cut
copy
paste
save/export
new
close
open
zoom
Thanks in advance for either.
Bye, Ivano.
Needs update
In the magic wand feature, the effect is applied on 2 click total, i.e one time you have to click on the magic wand tool icon and the next time you have to click on the canvas to get the effect applied, but what I want is, effect should be applied directly on clicking the magic wand icon by clicking just once and the effect should be applied from (x,y) corresponding to (0,0) on the canvas
I used the fix you provided in issue #44 to pass in an image to be opened automatically.
<img alt="" id="my_image" src="img/colorwheel.png" alt="" onclick="FILE.open_image('my_image')" />
<script>
function open_image(image_id){
var img = document.getElementById(image_id);
//set name
var name = img.src.replace(/^.*[\\\/]/, '');
LAYER.layer_add(name);
LAYER.layer_remove(1);
//draw canvas
canvas_active().drawImage(img, 0, 0);
}
</script>
However, now I am experiencing issues when attempting to save the image or open another image and then saving. Right after loading the page with the preselected image, if I attempt to save without doing any edits the screen simply reloads quickly but does not save. If I do an edit or open another image it will save, but will then reload the screen with the original image with no edits and/or without the other image opened.
What I am attempting to do is pass in an image (successful with your fix), and then edit the image (possibly with other local images that I open). After completing the edits I need to be able to gather the information on the image to send it back to the server to be stored.
I think this would be a fantastic feature, extremely usefl, please let me know if this is something you are willing to implement or if I should fork. Thanks.
When image/text is moved beyond the borders of workspace and again moved inside, the image/text portion that crossed the borders disappears. Only the portion remaining inside remains. Is there any way to prevent the image/text from cutting off?
Discovered an issue with input ranges in IE11. Some ranges won't appear (ex. ranges in Select Color popup) and when they do appear they're unable to update the range value. If I discover a fix for it I will update this if you haven't already found a fix.
How to add and hide/delete the fonts in the "Draw letters" tool?
I have used the "size" feature under Image menu to change the canvas size. Its good to have that feature. Is there anyway I can edit the value or something else in the code to change the size of the canvas as default?
Hi its project is beautiful, thank you for sharing
Each time we drag a part of the image out of the canvas the image is cropped
How to make when we drag and bring back the image into the canvas remain in its original size?
Selecting BMP to save an image generates an BMP image, but filename generated has .webp extension.
Would it be possible to have smooth dragging of the picture so there isn't a shadow when dragging it throughout the canvas?
Hi,
Can't seem to resize a layer to scale up. Is this by design or bug? Thank you.
This is a great tool that you have created, and I appreciate the help you gave with my saving to the server issue. One suggestion for a future feature is that when moving the selected area or resizing it to retain the transparent green box instead of capturing the selected area of the image.
Thanks again for all of your fantastic work!
am using latest latest version of minipaint
am using latest version of firefox
i tried to load image of dimension 14000 x 10000 and its displaying blank canvas , i check logs and it display error NS_ERROR_FAILURE at
NS_ERROR_FAILURE: image.js:561
IMAGE_CLASS/this.trim_info http://viliusle.github.io/miniPaint/js/image.js:561:13
LAYER_CLASS/this.layer_add/img.onload http://viliusle.github.io/miniPaint/js/layers.js:137:22
so any idea how to over come this problem so that we can load high resolution image like up to 20k dimensions
and, open one image, how to resize this image?
please help me
Is it possible adding the feature to save the file in PDF format as well?
Saving in JSON format, it doesn't bring back any saved layers when it is open back. It is supposed to bring back the saved layers back to the workspace, right?
miniPaint works well. Great job. When it comes to image rotation from menu, I'm having difficulty rotating image from its center. It works fine when the image fits well in canvas but when small sized image is imported and rotated, the image goes round the canvas instead of rotating from its center. If you could help with this, it would be much more easier for us. Thank you!
Hi, I liked it very much. It's a complete photoeditor. Can you add the circular selection tool. Right now it has the square selection tool.
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.