小编Ish*_*ita的帖子

使用 js/jquery 通过页面重新加载修改 url 中的参数

我有一个像 result?graphType=default&product=xyzzzz&shop=11

我只想在用户单击按钮时更改 graphType 的值。单击该按钮后,我将一些值存储在一个变量中,并且我想graphType=my_new_value在我的 url 中替换 graphType=default而不重新加载。我不明白如何在 graphType= 处拆分 url。即使我能够在 graphType 处拆分为 url,我如何用我的变量替换默认值(也可以是其他内容,取决于用户选项)

html javascript jquery

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

修改svg后,使用javascript将svg转换为png

我有一个SVG,我正在使用下面的JavaScript代码转换为PNG

$(".exportImageButton").on("click",function(){
  var svg = document.querySelector( "svg" );
  var svgData = new XMLSerializer().serializeToString( svg );
  var canvas = document.createElement( "canvas" );
  var svgSize = svg.getBoundingClientRect();
  canvas.width = svgSize.width * 3;
  canvas.height = svgSize.height * 3;
  canvas.style.width = svgSize.width;
  canvas.style.height = svgSize.height;
  var ctx = canvas.getContext( "2d" );
  ctx.scale(3,3);

  var img = document.createElement( "img" );
  img.setAttribute( "src", "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(svgData))) );

  img.onload = function() {
      ctx.drawImage( img, 0, 0 );
      var canvasdata = canvas.toDataURL("image/png",1);

      var pngimg = '<img src="'+canvasdata+'">';
      d3.select("#pngdataurl").html(pngimg);

      var …
Run Code Online (Sandbox Code Playgroud)

javascript jquery svg

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

标签 统计

javascript ×2

jquery ×2

html ×1

svg ×1