Developer guide details method to resize images to square PNG without distortion

·2 views

A technical guide explains how to convert rectangular images into square PNGs without stretching the original artwork. The method uses JavaScript to calculate a scaling factor that fits the image within a square canvas, centering it and leaving transparent padding. The process involves creating a canvas, drawing the scaled image, and exporting it as a PNG blob. The guide cautions developers to deliberately choose between fitting the whole image or cropping to fill the square and notes the function is for local processing, not upload.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Critical Langflow Vulnerability Allows Unauthenticated Code Execution

A critical security flaw designated CVE-2026-0768 has been discovered in Langflow, an AI workflow building platform. The vulnerability, rated 9.8 in severity, allows unauthenticated attackers to execute arbitrary Python code on affected systems. Exploitation activity increased significantly after proof-of-concept details became publicly available. Security researchers advise administrators to immediately apply available patches. They also recommend restricting internet access to these platforms, which are often intended for internal use.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Selenium ModHeader Extension Fails Due to Chrome MV2 Deprecation

The ModHeader browser extension, widely used in Selenium automation tests to set HTTP headers, stopped working in 2024. Chrome's deprecation of Manifest V2 extensions rendered the unmaintained ModHeader package non-functional. The package still receives approximately 150,000 monthly downloads, meaning many automated test pipelines are now broken. Alternative methods include using Playwright's built-in header features or Selenium 4's Chrome DevTools Protocol integration. For complex scenarios, newer tools like the open-source Headerwise extension offer a replacement.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

EU Code Week 2026 Launch Focuses on AI-Ready Digital Skills

The European Commission will launch EU Code Week 2026 with a high-level event in Brussels on October 12, 2026. The event, featuring EU officials, will be livestreamed and opens a wider program running from October 10 to 25 across Europe. This year's initiative emphasizes building coding skills, digital resilience, and preparedness for artificial intelligence. The program aims to address the growing need for digital competency among employers, workers, and educators. It serves as a public focal point for discussions on integrating technology into work and learning.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

B2B Storefronts Struggle to Convert Inquiries into Orders Due to Quote Disconnect

A common problem in B2B e-commerce occurs when customer inquiries fail to convert into completed orders due to a disconnect between the quotation process and the final transaction. The issue arises when details like product specifications, quantities, or shipping information change between the initial quote confirmation and order creation. This breakdown prevents the sales team and warehouse from reliably executing the transaction. A proposed solution involves maintaining a connected workflow from the initial buyer request through the final quote, confirmed order, and fulfillment. This requires integrating the storefront, CRM, and ERP systems to preserve data continuity at each stage.

0 comments Read more at DEV Community