使用浏览器缩放在HTML5画布上绘制清晰的线条

作者: 满目山河
发布时间: 2024-01-23 05:17:44 (4月前)
转自：

3 条回复

0#
回复此人
妖邪 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 画布不知道缩放或浏览器中的任何其他内容。如果放大浏览器没关系，画布上绘制的内容将随时间绘制，因为无论缩放浏览器，用于画布的位图都是固定大小的 <EM> 显示器 </EM> 它在/那是一个后画布流程）。 </p> <P> 您无法禁用浏览器的插值等。会发生什么变化，当您缩放浏览器时，它会像任何图像一样看到画布元素，并将像图像一样放大它。 </p> <P> 如果您之后将一条线画到画布上，那么就像往常一样将线渲染到画布上，然后在更新时，浏览器会刷新所需的所有内容，如果绘制了一条新线，则画布将重新绘制 - 作为图像 - 仅使用新内容。 </p> <P> Canvas不了解浏览器，浏览器除了拥有一些像素之外不知道画布内部是什么。 </p> </DIV>

编辑
1#
回复此人
star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果要避免模糊线条或浏览器缩放问题，请使用SVG（可缩放矢量图形）。您现在可以在html5中的html文件中编写。 </p> <P> 查看 <a href="http://en.wikipedia.org/wiki/Scalable_Vector_Graphics" rel="nofollow"> 维基百科的条目 </A> 要么 <a href="http://www.w3schools.com/svg/" rel="nofollow"> w3school的入场券 </A> 在SVG上了解更多信息。 </p> <P> 查看 <a href =“http://www.htmlgoodies.com/html5/other/html5-canvas-vs.-svg-choose-the-best-tool-for-the-job.html#fbid=KQTOseIsNUO”rel = “nofollow的”> 这个网站 </A> 什么时候使用Canvas vs SVG： </p> </DIV>

编辑

登录后才能参与评论