小编Nik*_*ara的帖子

如何从较小的画布上获得高分辨率图像?

我在我的网络应用程序中使用一张画布,其实际高度和宽度均为 500 像素。我在屏幕上将此画布显示为 500 像素正方形,但我希望从该画布导出图像为 1600 像素正方形。我尝试过下面的代码,但没有成功。

canvas.width = 1600;
canvas.style.width = 500;
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激。

html javascript canvas html5-canvas

2
推荐指数
1
解决办法
4857
查看次数

使用在 firefox 中不可见的 fabric.js 将 svg 图像添加到画布中

我在我的 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)

html javascript html5-canvas fabricjs angularjs

1
推荐指数
1
解决办法
1064
查看次数

标签 统计

html ×2

html5-canvas ×2

javascript ×2

angularjs ×1

canvas ×1

fabricjs ×1