javascript - Upload image onto canvas -


I have a canvas on which I can currently add text layers and images to Flickr, which I try to do It makes it possible to upload an image to the canvas with HTML input.

I'm using it to upload images from Flickr: 

  $ ("search form.image-search"). Submit (function () {$ (".. Search"). Remove (); $ .getJSON ("http://api.flickr.com/services/feeds/photos_public.gne?tags=" + $ (" .search input [name = q] "). Val () +" and tagmode = any and format = Jason and JasonSolac =? ", Function (data) {$. Each (data.itm, function (i, item) {Var img = $ ("& lt; img / & gt;"). Attr ("src", item.media.m); img.attr ("title", item .title); $ ("& lt; Li & gt; & lt; / li & gt; "). Attachments (IMG) .appendTo (" search ul "); if (i == 8) return;});}); return false;}) ; $ (".img search"). Live ("click", function () {jCollage.addLayer ($ (this) .context) .setTitle ($ (this) .attr ("title"); update layer (jCollage GetLayers ()); $ (" # Layer_ "+ (jCollage.getLayers (. Length) - 1)) AddClass (" selected ");});   
 I had an image upload function to work on an old canvas, but now I have started working with another canvas which was better because I do not have it anymore Tax found My first method of uploading an image to a canvas was:  
  var imageLoader = document.getElementById ('Uploader'); ImageLoader.addEventListener ('change', handle image, wrong); Var canvas = document. GetElementById ('canvas1'); Var ctx = canvas.getContext ('2d'); Function Handle Image (E) {var Reader = New FileReader (); Reader.loads = function (event) {var imgNew = new image (); ImgNew.onload = function () {s.addShape (new size (60, 60, IMG New Wide / 2, IMG New Hight / 2, IMGENE)); } ImgNew.src = event.target.result; } Reader.readAsDataURL (e.target.files [0]); }   
 I have tried a few things to implement it in my new canvas, but since I am not experiencing a lot with javascript, I can not get it done Could  
 Here is a work (old) version of my canvas that is more clear and tested for you: 
  
 If someone does this to me It can be very good to help!   
 
 
 The common general approach should work. However, your new library will be replaced by  and lt; Img & gt;  DOM element is expected to add a layer.  
 The following is what you need to do:  
  
  $ ("# Uploader"). Change (function (e) {var reader = new FileReader (); var title = e.target.value.replace (/.*[\\/] | (. [^ \.] + $) / G, "" ); Reader.onload = event (event) {var $ img = $ ("& lt; img / & gt;"). Attr ("src", Event.arget.result); jCollage.addLayer ($ img.get (0)) setTitle; Updated layer (jCollage.getLayers ()); $ ("# layer_" + (jCollage.getLayers (. Length-1)) .addClass ("selected");} reader.readAsDataURL (E.target.files [0]);});

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more