ความคิดเห็น: คุณต้องใช้ส่วนหนึ่งของเว็บเพจเป็นข้อความหลักแปลงเว็บเพจดั้งเดิมเป็น PDF เป็นไฟล์แนบส่งอีเมลไปที่บอสแปลง SVG เป็น SVG เป็นผ้าใบเพื่อแสดง แต่ในภายหลังพบว่าผืนผ้าใบไม่สามารถแสดงได้ตามปกติ
เมื่อเร็ว ๆ นี้มีความจำเป็นที่จะต้องใส่เนื้อหาส่วนหนึ่งของหน้าเว็บลงในข้อความหลักแปลงเว็บเพจดั้งเดิมเป็น PDF เป็นไฟล์แนบและส่งอีเมลไปยังเจ้านาย เนื่องจากเราเป็นเว็บไซต์ประเภทรายงานใน HTML5 การพัฒนาควบคุมจึงไม่มีอะไรมากไปกว่า Canvas หรือ SVG ที่นี่เรามีการควบคุมหลายอย่างที่ใช้ SVG และ SVG ไม่สามารถแสดงได้ตามปกติในร่างกายอีเมล Foxmail ดังนั้นเราจึงพิจารณาแปลง SVG เป็น Canvas เพื่อแสดง แต่ในภายหลังเราพบว่าผ้าใบไม่สามารถแสดงได้ตามปกติ ในท้ายที่สุดเราไม่มีทางเลือกนอกจากแปลงแท็ก Canvas เป็นรูปแบบภาพอีกครั้งซึ่งในที่สุดก็แก้ไขปัญหานี้ได้ มาแนะนำขั้นตอนการใช้งานให้สั้น ๆ ด้านล่าง ต่อไปนี้เป็นแท็ก SVG<div>
<SVG> </SVG>
</div>
ก่อนอื่นคุณต้องได้รับแท็ก SVG และเนื้อหา:
var svghtml = svgcontainer.innerhtml ();
การแปลง SVG เป็น Canvas ต้องใช้ Google ปลั๊กอิน CANVG คุณสามารถดาวน์โหลดได้บนเว็บไซต์อย่างเป็นทางการหรืออ้างอิงโดยตรงจากระยะไกล
ถัดไปเรียกใช้วิธี CANVG (Canvasid, SVGHTML) ของปลั๊กอินเพื่อแปลงเป็นผ้าใบ พารามิเตอร์แรกของวิธีนี้คือ ID ของแท็กผืนผ้าใบและที่สองคือเนื้อหาของแท็ก SVG ตามธรรมชาติ ด้วยวิธีนี้ SVG จะถูกแปลงเป็นผ้าใบ
จากนั้นแปลงผ้าใบเป็นรูปภาพซึ่งง่ายกว่า
var imgsrc = document.getElementById (canvasid) .todataurl (image/png); // นี่คือการแปลงผืนผ้าใบเป็นภาพและส่งคืนข้อมูลเนื้อหาทั้งหมดของภาพดังนี้เพื่อแสดงภาพ:
<img src = imgsrc />
นี่คือวิธีการใช้งานจาก Svg-> Canvas-> Image สิ่งนี้ยังคงมีประโยชน์มากเนื่องจากเบราว์เซอร์ที่แตกต่างกันรองรับ SVG และผ้าใบที่แตกต่างกัน ด้วยวิธีนี้อย่างน้อยการควบคุมของเราจะสามารถแสดงได้อย่างถูกต้องแม้ว่าเราจะสามารถใช้ภาพได้ในที่สุดเท่านั้น