Recherche avancée

Sur d’autres sites (5339)

• 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 :

  

  

  

• Typesetting

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

  Ever had the situation where you have a piece of string which you need to overlay on an image ? Maybe a situation where the area reserved for the string is known in pixels but you need to know the font size to fill most of the area ? Think no more !

  Here is a small example of how to fit a certain piece of a string on to an area of which you know the width and the height or only the width. The magic happens through the ImageMagick CAPTION : format. You can see from the example images how the parameters actually affect the image.

  php

  < view plain text >

  1. < ?php
  2.  
  3. /* How wide is our image */
  4. $image_width = 200 ;
  5.  
  6. /* Give zero for autocalculating the height */
  7. $image_height = 200 ;
  8.  
  9. /* Specify the text */
  10. $text = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  11.     Mauris lectus mi, mattis non, euismod vel, sagittis nec, ipsum." ;
  12.  
  13. /* Instanciate imagick */
  14. $im = new Imagick() ;
  15.  
  16. /* Create new image using caption : pseudo format */
  17. $im->newPseudoImage( $image_width, $image_height, "caption :" . $text ) ;
  18.  
  19. /* Put 1px border around the image */
  20. $im->borderImage( ’black’, 1, 1 ) ;
  21.  
  22. /* PNG format */
  23. $im->setImageFormat( "png")  ;
  24.  
  25. /* Output */
  26. header( "Content-Type : image/png" ) ;
  27. echo $im ;
  28.  
  29.  ?>

  Here is image with width 100 and height 0 :

  

  Width 100 Height 50 :

  

  Width 200 Height 200 (as you can see the font size is now larger) :

  

• How to seek to a position in a song Discord.js ?

  4 décembre 2020, par hrishit biswas

  I am facing some difficulty with seeking to a specified timestamp in the current song. I have separate files for all my commands. I want to create a seek.js file which takes input a specified time and then passes it to the play.js file(it plays the current song in the queue) but the problem is I cant seem to find a way to how do this.

  &#xA;

  This is my play command.

  &#xA;

  const { Collector } = require("discord.js");
const ytdlDiscord = require("ytdl-core-discord");
//const play = require("../commands/play");
module.exports = {
    async play(song, message){
        const queue = message.client.queue.get(message.guild.id);

        if(!song){
            setTimeout(function(){
                if(!queue.connection.dispatcher && message.guild.me.voice.channel){
                    queue.channel.leave();
                    queue.textChannel.send(`**Cadenza** left successfully`).catch(console.error);
                }
                else return;
            },120000);
            
            message.client.queue.delete(message.guild.id);
            return queue.textChannel.send(`**Music Queue Ended**`);
        }
        let stream = await ytdlDiscord(song.url,{filter: 'audioonly', quality: 'highestaudio', highWaterMark: 1<<25});
        let streamType = song.url.includes("youtube.com") ? "opus" : "ogg/opus";
        queue.connection.on("disconnect", () => message.client.queue.delete(message.guild.id));
        const dispatcher = queue.connection
         .play(stream, {type: streamType, highWaterMark: 1})
         .on("finish", () => {
             if(queue.loop){
                 let last = queue.songs.shift();
                 queue.songs.push(last);
                 module.exports.play(queue.songs[0], message);
             }else{
             queue.songs.shift();
             module.exports.play(queue.songs[0], message);
             }

         })
         .on("error", (err) => {
             console.error(err);
             queue.songs.shift();
             module.exports.play(queue.songs[0], message);
         });
         dispatcher.setVolumeLogarithmic(queue.volume / 100);
        queue.textChannel.send(`Started Playing **${song.title}**`);
    }
};


  &#xA;

  seek command

  &#xA;

  const { play } = require("../include/play");
function timeConvert(str){
    const t = str.split(':');
    let s = 0, m = 1;
    while(t.length > 0){
        s = +m * parseInt(t.pop(),10);
        m = m * 60;
    }
    return s;
}
module.exports = {
    name: 'seek',
    description: 'Seeks to a certain point in the current track.',
    execute(message,args){
        const queue = message.client.queue.get(message.guild.id);
        if(!queue) return message.channel.send("There is no song playing.").catch(console.error);
        queue.playing = true;
        let time = timeConvert(args[0]);
        if( time > queue.songs[0].duration)
          return message.channel.send(`**Input a valid time**`);
        else{
            let time = timeConvert(args[0]) * 1000;
            #main code here
        }
    }
}


  &#xA;

  How can I pass the time variable to play() so that the current song seeks to that amount ?

  &#xA;