我也是被逼无奈在网上搜索了很长时间,竟然没有关于svg动态生成一些图标 线条背景之类的
那我只能结合网上类似的操作 自己写一个了
<template><div id="context" @mousedown="move"></div></template><script>import * as d3 from "d3"; //引入d3export default {mounted() {var vg = d3.select("#context").append("svg").attr("width", "100%").attr("height", "100%").attr("class", "vg");var og = d3.select(".vg").append("g").attr("class", "og");for (var i = 0; i < 250; i++) {var pat = d3.select(".og").append("path").attr("d", `M ${i}0,0 l 0,2500`).attr("stroke", "#EFEFEF");}for (var i = 0; i < 250; i++) {var pat = d3.select(".og").append("path").attr("d", `M 0,${i}0 l 2500,0`).attr("stroke", "#EFEFEF");}},};</script><style scoped>#context {width: 100%;height: 100%;overflow: hidden;}</style>
其他图标的动态生成 可以以一举三 如果有大神有更好的方法
评论静等