Javascript 使用jQuery或Canvas重新调整HTML中每个元素的大小

我有这个脚本工作，我想保存板（图像）2*当前大小。现在汽车牌照有715x160px，我需要将其保存为715*2 px 160*2 px（1430x360），并保持图像质量

我正在使用html2canvas保存当前图像，但是否可以一次调整所有元素的大小

这是1个板的html代码：

<div class="plate front car with-left-badge clearfix" id="front-plate">
<div class="bg diamond"></div>
<div class="border burgundy three" style="width: 627px; height: 142px; left: auto; right: 5px; display: block;"></div>
<div class="badge left" style="display: block;"><span><div class="fimg"><img alt="" src="images/badge/uk-ireland/euro-gb.png"></div></span></div>
<p class="text hiline" style="font-weight: normal; font-size: 140px;"><span class="orange"><em class="char1">Y</em><em class="char2">O</em><em class="char3">U</em><em class="char4">R</em><em class="char5 space"> </em><em class="char6">R</em><em class="char7">E</em><em class="char8">G</em></span></p>
<div class="slogan" style="display: block;"><p style="left: 32.5px; right: auto;" class="CourierNew"><span class="red">www.makeaplateuk.com</span></p></div>
<div id="imageHolder_front_id" class="imageHolder_front"></div>
<p class="clone hiline" style="font-size: 140px;"><span class="orange"><em class="char1">Y</em><em class="char2">O</em><em class="char3">U</em><em class="char4">R</em><em class="char5 space"> </em><em class="char6">R</em><em class="char7">E</em><em class="char8">G</em></span></p></div>

您的注册号

www.makeaplateuk.com

您的注册

这就是结果

---

有什么想法吗？

您可以先使用本文中的建议将其保存为图像。然后，使用PHPGD将图像大小操纵到所需的分辨率

---

这可能会帮助您使用PHP GD。

我可以保存图像，但正如您所看到的，图像现在有715x160px，我需要1430x320px。如果我使用php来调整大小，它将像素化图像OK。然后我建议为你在那里得到的每一个div做一个备用课程。一个用于715x160px，第二个用于较大的。比如，对于小的一个，你给div一个额外的“外部小”类，这个样式是：width:627px；高度：142px；如果您想让它更大，请执行.removeClass（“外部小”）和.addClass（“外部大”），其中外部大的样式是宽度：800px；因此，总结起来，如果每个div变大，那么它们应该有相应的类。你应该为较大的画布提供类似于较小的画布的样式。用其大小的x2重新制作画布。然后使用这些类并将其与较小类的类切换。