小编thr*_*ics的帖子

更改svg填充颜色,然后绘制到画布

我想要做的是加载svg,将其填充颜色更改为随机值,然后在画布上绘制它.事实证明这比我想象的要困难得多.这是我目前的代码.

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

//images
var bottomLeftTop = new Image();
var bottomRightTop = new Image();
var fullTop= new Image();
var leftMidSide = new Image();
var leftSide = new Image();
var rightMidSide = new Image();
var rightSide = new Image();
var topLeftTop = new Image();
var topRightTop = new Image();

bottomLeftTop.src = "img/bottomLeftTop.svg";
bottomRightTop.src = "img/bottomRightTop.svg";
fullTop.src = "img/fullTop.svg";
leftMidSide.src = "img/leftMidSide.svg";
leftSide.src = "img/leftSide.svg";
rightMidSide.src = "img/rightMidSide.svg";
rightSide.src = "img/rightSide.svg";
topLeftTop.src = "img/topLeftTop.svg";
topRightTop.src = …
Run Code Online (Sandbox Code Playgroud)

javascript html5 svg canvas

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

标签 统计

canvas ×1

html5 ×1

javascript ×1

svg ×1