Use javascript to crop image [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I want to put a sprite image in my website, and use javascript to crop it to many separate images, then put these images into an image array.
Is this possible? Thanks.

Take a look at jCrop, if you're using jQuery or JavaScript Image Cropper UI if you're using prototype.
What server-side language are you using? If you just want a straight crop w/o the graphical interface it might be better to do it server side.
If you're using PHP, check out this tutorial on nettuts
If you're using Ruby on Rails, check out Paperclip

Related

Creating an accelometer in CSS/Javascript [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Im working on a project where I need to visualize the G-force on a spaceship. I want to accomplish this with creating an accelometer (something like a seismogram see picture for an example)
Is is possible to create this using CSS/JavaScript?
The accelometer needs to run infinite creating random data for the G-force on the spaceship.
It sure is possible with CSS and JS.
The question is wether you want to do it that way.
If I were you I'd choose to use the HTMLCanvasElement to display the data generated by either JavaScript on the client side or the server side language of your choice on the server.

How to extract frames from an animated gif using javascript? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Does anyone have a simple solution to extract frames from a gif using javascript?
I know some online tools like Ezgif and Gif-explode, but I'm wondering if this is also possible using just javascript?
For a client-side solution I'd recommend to have a look at libgif-js.
It allows to step to a specific frame in the GIF and you could then use the Canvas API to capture a single frame by drawing the image to the canvas and then getting the Data URL.

Planning to make web app like Canva [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I want to make app like canva but i dont know where to start, i have good experience in html and css but a basic javascript.
I need to know what they use.
How to save html data to image like canva functions.
How they save the data and load it again.
I already try Html2canvas but problem in images limit.
You should use Javascript canvas libraries like Fabricjs
but i don't think that basic knowledge of javascript would be enough for such app you will have to improve your javascript skills to an at least intermediate level.

whats the fastest way to load images using javascript? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
Lets say I have an ecommerce site with 15,000 image elements to insert into the html, whats the most efficient method using javascript to increase efficiency and user experience?
Load the images only when they are in the view port.
This question tells you how:
How do you make images load only when they are in the viewport?
Preload the images and use the cdn to host your images.
You can use something like https://github.com/thinkpixellab/PxLoader to preload the images.

How to implement Facebook drag and drop feature in uploading files [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
Facebook has this feature where we can drag an image and then we can drag drop and reorder the image.
How to do so?
How to achieve that?
Is that a library for that kind of control on the web? Should we code the javascript ourselves?
For drag and drop file uploading I've used https://github.com/blueimp/jQuery-File-Upload in the past. It is complicated but works well.
For dragging and dropping to reorder elements you can either try to implement it yourself or use something like http://jqueryui.com/sortable/.

Categories