我在我的网络应用程序中使用一张画布,其实际高度和宽度均为 500 像素。我在屏幕上将此画布显示为 500 像素正方形,但我希望从该画布导出图像为 1600 像素正方形。我尝试过下面的代码,但没有成功。
canvas.width = 1600;
canvas.style.width = 500;
Run Code Online (Sandbox Code Playgroud)
任何帮助将不胜感激。
我在我的 angular.js 应用程序中使用 fabric.js 将背景 svg 图像添加到我的画布,背景在 chrome 中完全可见,但在 firefox 中不可见,我提供了 js 代码和 svg。
我在 OSX 10.11.5 上使用 firefox 47.0.1
为什么它在 Firefox 中不可见?
任何帮助将不胜感激。
var image="mysvg.svg";
$window.fabric.Image.fromURL(image, function(oImg) {
oImg.width = width;
oImg.height = height;
oImg.lockMovementX = true;
oImg.lockMovementY = true;
oImg.lockRotation = true;
oImg.lockScalingX = true;
oImg.lockScalingY = true;
oImg.selectable = false;
oImg.selectable = false;
oImg.id = 'bg_image';
canvas.centerObject(oImg)
.add(oImg)
.sendToBack(oImg)
.renderAll();
});Run Code Online (Sandbox Code Playgroud)
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="mysvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 921.3 921.3" style="enable-background:new 0 …Run Code Online (Sandbox Code Playgroud)