能做这样的事吗?
var image = new Image();
image.src = 'img.svg';
context.drawImage(image, x, y); // context is an instance of CanvasRenderingContext2D
用SVG图像?实际上,这段代码可以工作,但我认为图像被转换为.jpg或类似的图像,因为如果我试图缩放浏览器页面,图像就会变得粗糙。
:图像应该在画布上下文中被多次重新绘制(即对于动作),所以像“使用这个库”这样的建议应该考虑到这个事实。
编辑
从以前的讨论中,问题似乎是由于画布属性(画布不是浏览器
// Init
var initialWidth = window.innerWidth;
// Called when zoomed in
function handleResize(){
// Viewport dimension, this is affected by zoom
var viewportwidth = window.innerWidth;
var zoomAmount = initialWidth/viewportwidth;
$('#l