Questions tagged [png]

PNG (Portable Network Graphics) was created as a file format specifically for storing raster graphics. Files using this format are commonly identified with the extension ".png". If you have any questions related to this particular image format, feel free to use this tag.

PHP: Problem with encoding when reading PNG file

I'm facing an issue with displaying a PNG file in the browser using PHP code. Here's how I have been handling it: header('Content-type: image/png'); header("Content-Length: " . filesize($cache_file)); readfile($cache_file); exit(); The file $cache_file w ...

Using jQuery to make a PNG image draggable and allow it to overlap with

Can jQuery's Draggable be used with an overlapping PNG image (not as a background image, but for printing purposes)? I attempted using the CSS style "pointer-events: none," however this solution does not function correctly in Internet Explorer. <d ...

Subpar resolution of PNG images displayed in HTML canvas

My attempt to draw a PNG image onto the canvas is resulting in poor quality. I am using the drawImage method as shown below: src = folder+self.cur+".png"; imageObj.src = src; imageObj.onload = function() { context.clearRect(0, 0, cv, ch), context.drawImag ...

Images that are see-through or translucent

Can someone confirm if Internet Explorer supports transparent PNGs now? How about Chrome? ...

Production environment is unable to display images - NextJS React application

After following a tutorial using NextJS to create a ReactJS project, I encountered an issue with the logo image not rendering properly in production when deploying to Netlify or Vercel. Despite researching and identifying that there is a problem related t ...

Tips for personalizing PNG images within an SVG element

Looking to update the color of a PNG image within an SVG tag. The PNG images I have are transparent, and I want to customize their colors based on user selections. How can this be achieved? Is there anyone out there who can assist me? <HoodieSvg ...

The image is failing to animate according to the PNG sequence function

Enhanced Functionality: Upon clicking the "Tap Here" image button, a function called "GameStart()" is triggered. This function ensures that the main image "Star" descends down the page from the top through an animated sequence using png logic. The propose ...

What is the most effective method for serializing SVG data from the client's Document Object Model (DOM

As I delve into the world of creating interactive SVG/AJAX interfaces, I find myself faced with a challenge. Users are constantly manipulating elements on-the-fly and I want to give them the option to export their current view as a PNG image or an SVG docu ...

A guide on transitioning SVG files to PNG format using React

I attempted to use a specific library for converting SVG to PNG, which can be found here: https://www.npmjs.com/package/convert-svg-to-png However, I encountered an error: import { convert } from 'convert-svg-to-png' useEffect(() => { ...

Converting SVG with an external PNG file embedded into a standalone PNG format using Node

Does anyone know of a node package that can convert an svg file to a png, including external images embedded within the svg code like this? <?xml version="1.0" encoding="utf-8"?> <svg viewBox="0 0 120 120" height="120" width="120" xmlns="h ...

Angular Components unexpectedly lose background transparency when using Transparent-Background-PNG in the foreground

Hey there! I'm currently working on a landing page and I have this amazing idea to use a stunning picture of clouds with a transparent background layered over a beautiful landscape. The only problem is that when I try to implement it, the transparency does ...

Retrieving and saving images from Azure Blob Storage

I need help with exporting matplotlib plots from Databricks to Blob Storage. Currently, I am using the following code: plt.savefig('/dbfs/my_plot.png') dbutils.fs.cp('dbfs:my_plot.jpg', blob_container) However, the issue arises when I ...

Do you know the term for when JavaScript is utilized to display specific sections of a png image?

Imagine you have an image file in the format of a PNG which includes various icons intended for use on a website. How can JavaScript be utilized to choose and showcase a specific icon from that image? It's a technique I've observed in practice, but the e ...