Jump to content
MaxCheaters Official Group on X
MaxCheaters Official Group on Discord
--> Place your ad text here <--

{Tutorial}HTML5 HTML5 SVG.Step 26.

MrHotFire

By MrHotFire
in Coding Tutorials/Guides

 Share

Recommended Posts

MrHotFire Newbie

MrHotFire

Posted
Posted

What is SVG?

 

    SVG stands for Scalable Vector Graphics

    SVG is used to define vector-based graphics for the Web

    SVG defines the graphics in XML format

    SVG graphics do NOT lose any quality if they are zoomed or resized

    Every element and every attribute in SVG files can be animated

   

SVG Advantages

 

Advantages of using SVG over other image formats (like JPEG and GIF) are:

 

    SVG images can be created and edited with any text editor

    SVG images can be searched, indexed, scripted, and compressed

    SVG images are scalable

    SVG images can be printed with high quality at any resolution

    SVG images are zoomable (and the image can be zoomed without degradation)

 

Browser Support

 

Internet Explorer,Firefox,Opera,Google Chrome,Safari

 

Internet Explorer 9, Firefox, Opera, Chrome, and Safari support inline SVG.

Embed SVG Directly Into HTML Pages

 

In HTML5, you can embed SVG elements directly into your HTML page:

Example:

 <!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
</svg>

</body>
</html>

 

Differences Between SVG and Canvas

 

SVG is a language for describing 2D graphics in XML.

 

Canvas draws 2D graphics, on the fly (with a JavaScript).

 

SVG is XML based, which means that every element is available within the SVG DOM. You can attach JavaScript event handlers for an element.

 

In SVG, each drawn shape is remembered as an object. If attributes of an SVG object are changed, the browser can automatically re-render the shape.

 

Canvas is rendered pixel by pixel. In canvas, once the graphic is drawn, it is forgotten by the browser. If its position should be changed, the entire scene needs to be redrawn, including any objects that might have been covered by the graphic.

Comparison of Canvas and SVG

 

The table below shows some important differences between Canvas and SVG:

Canvas 	

    Resolution dependent
    No support for event handlers
    Poor text rendering capabilities
    You can save the resulting image as .png or .jpg
    Well suited for graphic-intensive games


SVG


    Resolution independent
    Support for event handlers
    Best suited for applications with large rendering areas (Google Maps)
    Slow rendering if complex (anything that uses the DOM a lot will be slow)
    Not suited for game applications

 

Credits Olympus,Internet,ME.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Posts

    • xhoeri
      Cant figure it out on making the server run online

      By xhoeri · Posted

      Yeah inside router i had to enable udnp services 
    • melron
      L2 Control Hub: Revolutionizing Lineage 2 Server Management

      By melron · Posted

      Hello cheaters, As a team of avid developers and enthusiasts of Lineage 2, we are excited to present the L2 Control Hub, a groundbreaking plugin designed by myself and my collaborator, StinkyMadness. This innovative tool equips server administrators with powerful automation capabilities directly within the game's community board. L2 Control Hub simplifies the creation and management of automations, enabling you to customize your server operations without the need to modify the source code.   Key Features of L2 Control Hub: Robust Automation Triggers: Select from a plethora of triggers currently available, with continuous additions in the works to enhance your control options. Dynamic Conditions and Actions: Tailor your server operations with an extensive range of conditions and actions, ensuring flexible and precise control over game events and player interactions. Customizable Variables: Easily integrate server-specific variables from your database to further personalize and streamline your automations. Utilize these variables across various automation scenarios to cater to your specific server requirements. JavaScript Integration: Execute custom JavaScript codes that interact seamlessly with Java classes, bringing advanced functionalities to your server's ecosystem.   Explore L2 Control Hub in Action: We've prepared a series of video tutorials to demonstrate the capabilities of L2 Control Hub: Control Hub - Create a Simple Flow with 1 Condition and 1 Action: Get started with basic automations. Control Hub - Multiple Conditions with Multiple Actions: Explore more complex automations for detailed server management. Control Hub - Using Variables: Discover how to implement and use custom variables for tailored automations. Control Hub - Using JavaScript: Experience the power of custom scripts in enhancing your server functionality.   L2 Control Hub is currently about 70% complete, and we are actively developing and refining features. We invite you to join our ➡️ Discord community ⬅️ to engage with the development process, provide feedback, and be the first to test new features. Additionally, any updates or changes to the plugin are seamlessly delivered to all customers directly from our web server, ensuring your system is always up-to-date without the need for manual downloads.   Your game, your rules, automated. Join us in redefining server management in Lineage 2 and elevate your gaming community with unmatched automation capabilities. For more details, contact us directly to get started with L2 Control Hub.   Currently, the plugin is developed using aCis sources. We will continue with these sources until we finalize all the necessary details before proceeding to integrate with the more prominent sources available.       The L2 Control Hub is designed to extend beyond mere functional additions to your server. We are in the process of implementing a suite of advanced mechanisms, such as a vote manager capable of interfacing with any Lineage 2 voting site without requiring configuration, live statistics to provide admins with real-time insights, and an event engine that can generate any desired event within seconds. All these features will be seamlessly integrated into the module, enhancing your server management experience significantly.     Please note that L2 Control Hub will be a premium tool, reflecting the extensive features and benefits it offers. While we are finalizing the pricing structure, rest assured that we aim to deliver great value for your investment. We will announce the cost details soon on our platforms to ensure everyone is well-informed and can plan accordingly. Join us to take your server management to the next level with L2 Control Hub.     
    • maverickbomber
      ⭐L2j Essence 8.2 - Heart Of Volcano⭐

      By maverickbomber · Posted

      The link soucer and system are off, reup please, thanks very much @HypeH
    • UTCHIHAmkt
      ✨FULL VERIFIED AGED DISCORD ACCOUNTS 2015–2024 Start at 0.4$

      By UTCHIHAmkt · Posted

      DISCORD : utchiha_market telegram : https://t.me/utchiha_market SELLIX STORE : https://utchihamkt.mysellix.io/ Join our server for more products : https://discord.gg/hood-services https://campsite.bio/utchihaamkt  
    • tomitom
      I am looking for adena providers - Reborn Signature

      By tomitom · Posted

      Hola, Busco proveedores de adena en Reborn signature. Trabajo serio, Web de ventas Seria. Adena-Shop. Discord: susi007317   Hello, I am looking for adena suppliers in Reborn signature. Serious work, Serious sales Web. Adena-Shop. Discord: susi007317

  • Topics

×
×
  • Create New...