Recherche avancée

Sur d’autres sites (5300)

• Creating buttons with Imagick

  9 juin 2010, par Mikko Koppanen — Imagick, PHP stuff

  A fellow called kakapo asked me to create a button with Imagick. He had an image of the button and a Photoshop tutorial but unfortunately the tutorial was in Chinese. My Chinese is a bit rusty so it will take a little longer to create that specific button

  The button in this example is created after this tutorial http://xeonfx.com/tutorials/easy-button-tutorial/ (yes, I googled “easy button tutorial”). The code and the button it creates are both very simple but the effect looks really nice.

  Here we go with the code :

  php

  < view plain text >

  1. < ?php
  2.  
  3. /* Create a new Imagick object */
  4. $im = new Imagick() ;
  5.  
  6. /* Create empty canvas */
  7. $im->newImage( 200, 200, "white", "png" ) ;
  8.  
  9. /* Create the object used to draw */
  10. $draw = new ImagickDraw() ;
  11.  
  12. /* Set the button color.
  13.   Changing this value changes the color of the button */
  14. $draw->setFillColor( "#4096EE" ) ;
  15.  
  16. /* Create the outer circle */
  17. $draw->circle( 50, 50, 70, 70 ) ;
  18.  
  19. /* Create the smaller circle on the button */
  20. $draw->setFillColor( "white" ) ;
  21.  
  22. /* Semi-opaque fill */
  23. $draw->setFillAlpha( 0.2 ) ;
  24.  
  25. /* Draw the circle */
  26. $draw->circle( 50, 50, 68, 68 ) ;
  27.  
  28. /* Set the font */
  29. $draw->setFont( "./test1.ttf" ) ;
  30.  
  31. /* This is the alpha value used to annotate */
  32. $draw->setFillAlpha( 0.17 ) ;
  33.  
  34. /* Draw a curve on the button with 17% opaque fill */
  35. $draw->bezier( array(
  36.           array( "x" => 10 , "y" => 25 ),
  37.           array( "x" => 39, "y" => 49 ),
  38.           array( "x" => 60, "y" => 55 ),
  39.           array( "x" => 75, "y" => 70 ),
  40.           array( "x" => 100, "y" => 70 ),
  41.           array( "x" => 100, "y" => 10 ),
  42.          ) ) ;
  43.  
  44. /* Render all pending operations on the image */       
  45. $im->drawImage( $draw ) ;
  46.  
  47. /* Set fill to fully opaque */
  48. $draw->setFillAlpha( 1 ) ;
  49.  
  50. /* Set the font size to 30 */
  51. $draw->setFontSize( 30 ) ;
  52.  
  53. /* The text on the */
  54. $draw->setFillColor( "white" ) ;
  55.  
  56. /* Annotate the text */
  57. $im->annotateImage( $draw, 38, 55, 0, "go" ) ;
  58.  
  59. /* Trim extra area out of the image */
  60. $im->trimImage( 0 ) ;
  61.  
  62. /* Output the image */
  63. header( "Content-Type : image/png" ) ;
  64. echo $im ;
  65.  
  66.  ?>

  And here is a few buttons I created by changing the fill color value :

  

  

  

• Creating a reflection

  9 juin 2010, par Mikko Koppanen — Imagick, PHP stuff

  Here is a simple example of creating a reflection of an image. The reflection is created by flipping the image and overlaying a gradient on it. Then both, the original image and the reflection is overlayed on a canvas.

  This example is created for Imagick 2.1.x but with a little tuning it should work with earlier versions.

  php

  < view plain text >

  1. < ?php
  2.  
  3. /* Read the image */
  4. $im = new Imagick( "strawberry.png" ) ;
  5.  
  6. /* Thumbnail the image */
  7. $im->thumbnailImage( 200, null ) ;
  8.  
  9. /* Create a border for the image */
  10. $im->borderImage( "white", 5, 5 ) ;
  11.  
  12. /* Clone the image and flip it */
  13. $reflection = $im->clone() ;
  14. $reflection->flipImage() ;
  15.  
  16. /* Create gradient. It will be overlayd on the reflection */
  17. $gradient = new Imagick() ;
  18.  
  19. /* Gradient needs to be large enough for the image
  20. and the borders */
  21. $gradient->newPseudoImage( $reflection->getImageWidth() + 10,
  22.               $reflection->getImageHeight() + 10,
  23.               "gradient:transparent-black"
  24.             ) ;
  25.  
  26. /* Composite the gradient on the reflection */
  27. $reflection->compositeImage( $gradient, imagick: :COMPOSITE_OVER, 0, 0 ) ;
  28.  
  29. /* Add some opacity */
  30. $reflection->setImageOpacity( 0.3 ) ;
  31.  
  32. /* Create empty canvas */
  33. $canvas = new Imagick() ;
  34.  
  35. /* Canvas needs to be large enough to hold the both images */
  36. $width = $im->getImageWidth() + 40 ;
  37. $height = ( $im->getImageHeight() * 2 ) + 30 ;
  38. $canvas->newImage( $width, $height, "black", "png" ) ;
  39.  
  40. /* Composite the original image and the reflection on the canvas */
  41. $canvas->compositeImage( $im, imagick: :COMPOSITE_OVER, 20, 10 ) ;
  42. $canvas->compositeImage( $reflection, imagick: :COMPOSITE_OVER,
  43.             20, $im->getImageHeight() + 10 ) ;
  44.  
  45. /* Output the image*/
  46. header( "Content-Type : image/png" ) ;
  47. echo $canvas ;
  48.  
  49.  ?>

  The source image :

  

  And the result :

  

  P.S. Please send me some new images which I can use in these examples

• Multiprocess FATE Revisited

  26 juin 2010, par Multimedia Mike — FATE Server, Python

  I thought I had brainstormed a simple, elegant, multithreaded, deadlock-free refactoring for FATE in a previous post. However, I sort of glossed over the test ordering logic which I had not yet prototyped. The grim, possibly deadlock-afflicted reality is that the main thread needs to be notified as tests are completed. So, the main thread sends test specs through a queue to be executed by n tester threads and those threads send results to a results aggregator thread. Additionally, the results aggregator will need to send completed test IDs back to the main thread.

  
  
  

  But when I step back and look at the graph, I can’t rationalize why there should be a separate results aggregator thread. That was added to cut down on deadlock possibilities since the main thread and the tester threads would not be waiting for data from each other. Now that I’ve come to terms with the fact that the main and the testers need to exchange data in realtime, I think I can safely eliminate the result thread. Adding more threads is not the best way to guard against race conditions and deadlocks. Ask xine.

  
  
  

  I’m still hung up on the deadlock issue. I have these queues through which the threads communicate. At issue is the fact that they can cause a thread to block when inserting an item if the queue is "full". How full is full ? Immaterial ; seeking to answer such a question is not how you guard against race conditions. Rather, it seems to me that one side should be doing non-blocking queue operations.

  This is how I’m planning to revise the logic in the main thread :

  test_set = set of all tests to execute
  tests_pending = test_set
  tests_blocked = empty set
  tests_queue = multi-consumer queue to send test specs to tester threads
  results_queue = multi-producer queue through which tester threads send results
  while there are tests in tests_pending :
    pop a test from test_set
    if test depends on any tests that appear in tests_pending :
      add test to tests_blocked
    else :
      add test to tests_queue in a non-blocking manner
      if tests_queue is full, add test to tests_blocked
    while there are results in the results_queue :
  
      get a result from result_queue in non-blocking manner
  
      remove the corresponding test from tests_pending
  if tests_blocked is non-empty :
  
    sleep for 1 second
  
    test_set = tests_blocked
  
    tests_blocked = empty set
  
  else :
  
    insert n shutdown signals, one from each thread
  go to the top of the loop and repeat until there are no more tests
  while there are results in the results_queue :
  
    get a result from result_queue in a blocking manner
  

  Not mentioned in the pseudocode (so it doesn’t get too verbose) is logic to check whether the retrieved test result is actually an end-of-thread signal. These are accounted and the whole test process is done when one is received for each thread.

  On the tester thread side, it’s safe for them to do blocking test queue retrievals and blocking result queue insertions. The reason for the 1-second delay before resetting tests_blocked and looping again is because I want to guard against the situation where tests A and B are to be run, A depends of B running first, and while B is running (and happens to be a long encoding test), the main thread is spinning about, obsessively testing whether it’s time to insert A into the tests queue.

  It all sounds just crazy enough to work. In fact, I coded it up and it does work, sort of. The queue gets blocked pretty quickly. Instead of sleeping, I decided it’s better to perform the put operation using a 1-second timeout.

  Still, I’m paranoid about the precise operation of the IPC queue mechanism at work here. What happens if I try to stuff in a test spec that’s a bit too large ? Will the module take whatever I give it and serialize it through the queue as soon as it can ? I think an impromptu science project is in order.

  big-queue.py :

  PLAIN TEXT

  PYTHON :

  1. # !/usr/bin/python
  2.  
  3. import multiprocessing
  4. import Queue
  5.  
  6. def f(q) :
  7.   str = q.get()
  8.   print "reader function got a string of %d characters" % (len(str))
  9.  
  10. q = multiprocessing.Queue()
  11. p = multiprocessing.Process(target=f, args=(q,))
  12. p.start()
  13. try :
  14.   q.put_nowait(’a’ * 100000000)
  15. except Queue.Full :
  16.   print "queue full"

  $ ./big-queue.py
  reader function got a string of 100000000 characters
  

  Since 100 MB doesn’t even make it choke, FATE’s little test specs shouldn’t pose any difficulty.