Convert Dwf to Png in Javascript

Gambaran Umum

Kemampuan untuk mengonversi file DWF ke format PNG sangat penting bagi pengembang yang bekerja dengan gambar CAD. Konversi ini sangat penting untuk industri seperti arsitektur, teknik, dan konstruksi, di mana berbagi dan melihat gambar dalam format yang dapat diakses secara universal diperlukan. Dengan menggunakan Aspose.CAD untuk JavaScript melalui .NET, pengembang dapat dengan mudah mengonversi DWF ke PNG di JavaScript, memastikan keluaran berkualitas tinggi dan integrasi yang mulus ke dalam alur kerja yang ada. API JS yang kuat ini menawarkan fleksibilitas dan opsi kustomisasi tingkat lanjut, menjadikannya pilihan ideal untuk berbagai aplikasi.

Instalasi Pustaka JavaScript

Untuk memulai dengan Aspose.CAD untuk JavaScript melalui .NET, Anda dapat mengunduhnya dari sini. Sebagai alternatif, Anda dapat menginstalnya menggunakan perintah ini:

npm i aspose-cad

Anda juga perlu menginstal Node.js.

Mengonversi DWF ke PNG di Javascript - Cuplikan Kode

Untuk mengonversi DWF ke PNG di JavaScript menggunakan Aspose.CAD untuk JavaScript melalui .NET, ikuti langkah-langkah berikut:

  1. Konversi file ke array buffer dengan memanggil fungsi arrayBuffer.
  2. Konversi DWF ke PNG dengan memanggil metode Image.save.
  3. Panggil metode createObjectUR untuk membuat URL gambar dari file yang diekspor.

Silakan temukan cuplikan kode JavaScript contoh di bawah ini:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CAD to Image Converter</title>
<script src="/node_modules/aspose-cad/dotnet.js"></script>
<script type="module" src="/node_modules/aspose-cad/es2015/index-js.js"></script>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
input, button {
margin-top: 15px;
}
img {
display: block;
margin-top: 20px;
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h2>DWF to PNG Converter</h2>
<input id="file" type="file" />
<img id="image" />
<br>
<button id="downloadBtn" style="display: none;">Download Image</button>
<script>
window.onload = function () {
// Get references to DOM elements
const fileInput = document.getElementById('file');
const downloadBtn = document.getElementById('downloadBtn');
const imageElement = document.getElementById('image');
// Listen for file selection
fileInput.addEventListener('change', async function (event) {
const file = event.target.files[0]; // Get selected file
if (!file) return; // Exit if no file is selected
try {
// Convert file to array buffer by calling the arrayBuffer function.
const arrayBuffer = await file.arrayBuffer();
const array = new Uint8Array(arrayBuffer);
console.log("Detecting file format...");
const fileFormat = Aspose.CAD.Image.getFileFormat(array);
console.log("File Format:", fileFormat);
console.log("Loading CAD file...");
const imgFile = await Aspose.CAD.Image.load(array);
console.log("CAD Image Loaded Successfully:", imgFile);
console.log("Converting CAD to Image...");
// Convert DWF to PNG by calling the Image.save method.
const exportedFile = await Aspose.CAD.Image.save(imgFile, new Aspose.CAD.PngOptions());
// Invoke the createObjectURL method to create image URL from the exported file.
const blob = new Blob([exportedFile], { type: 'application/octet-stream' });
const imageUrl = URL.createObjectURL(blob);
imageElement.src = imageUrl;
// Show download button
downloadBtn.style.display = "block";
downloadBtn.onclick = function () {
const a = document.createElement("a");
a.href = imageUrl;
a.download = "converted-image.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
};
console.log("✅ DWF to PNG Conversion Successful");
} catch (error) {
console.error("❌ Error:", error);
}
});
};
</script>
</body>
</html>
view raw DWF-to-PNG.js hosted with ❤ by GitHub
Keluaran: Setelah Anda menjalankan server, Anda akan melihat halaman berikut di browser web Anda:
dwf-to-png
Setelah konversi DWF ke PNG selesai, Anda akan dapat mengunduh gambar seperti yang ditunjukkan pada gambar di bawah ini:
drawing-to-png

Dapatkan Lisensi Gratis

Untuk menjelajahi potensi penuh dari Aspose.CAD untuk JavaScript melalui .NET, dapatkan lisensi percobaan gratis.

Konverter DWF ke PNG - Aplikasi Online

Rasakan kenyamanan mengonversi DWF ke PNG di JavaScript dengan alat online gratis kami yang tersedia di sini. Alat ini ramah pengguna dan memberikan hasil akurasi tinggi, menjadikannya sempurna untuk konversi cepat tanpa instalasi perangkat lunak.

DWF-to-PNG-Converter

Kesimpulan

Sebagai kesimpulan, Anda dapat mengonversi DWF ke PNG di JavaScript menggunakan Aspose.CAD untuk JavaScript melalui .NET. API JS ini memberikan cara yang mulus untuk menangani file CAD, memastikan keluaran berkualitas tinggi. Jelajahi Aspose.CAD untuk JavaScript melalui .NET untuk kebutuhan konversi Anda.

Sumber Daya Publik

Jelajahi sumber daya tambahan seperti dokumentasi dan forum komunitas untuk meningkatkan pemahaman dan keterampilan Anda. Sumber daya ini menawarkan wawasan berharga di luar konten blog.

Pertanyaan yang Sering Diajukan – FAQ

Bagaimana cara mengonversi DWF ke PNG menggunakan JavaScript?

Untuk mengonversi DWF ke PNG di JavaScript, gunakan Aspose.CAD untuk JavaScript melalui .NET. Muat file DWF, atur opsi rasterisasi dan PNG, lalu simpan file. Silakan lihat cuplikan kode di sini.

Apakah ada alat online untuk mengonversi DWF ke PNG?

Ya, Anda dapat menggunakan alat online gratis yang tersedia di sini untuk cepat mengonversi DWF ke PNG tanpa menginstal perangkat lunak.

Jelajahi