javascript - 如何缩放 Canvas 绘图

标签 javascript jquery html html5-canvas

我正在尝试放大或缩小 Canvas 绘图,但如果我只缩放上下文,则不会发生任何事情。

我需要在缩放后重新绘制它吗?有没有什么方法可以直接缩放上下文,而无需每次尝试放大或缩小时都绘制它?

PS:我想用 HTML5 <input type="range"> 进行放大和缩小由脚本控制,并且已经可以工作了。

最佳答案

就像迈克所说,最好的解决方案是重画它。 用css放大是一个解决方案,但是质量损失很大。

关于javascript - 如何缩放 Canvas 绘图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39858575/

相关文章:

javascript - 如何将 Electron 文件从 'require' 转换为 'import' 以与 TypeScript 一起使用? Angular 2+

jquery - 使用 jQuery .css() 和 em 更改宽度

javascript - 照片网格就像新的 flickr 设计

javascript - 如果没有行则隐藏表头

javascript - 允许滚动到最后一个元素

javascript - Tablesorter - 一个列表,删除排序但继续搜索该列

javascript - 使用选择标签更改网站的背景图片

javascript - 更改计时器超时的字体颜色

javascript - 提交时进行正则表达式电子邮件验证

javascript - 延迟加载 javascript 以获取 Google 页面见解