javascript - 第二次刷新浏览器后 svg 图像加载到 Canvas 上

Question

我正在尝试将保存的 svg 加载到 Canvas 上，以便我可以修改并再次保存它。所以我在隐藏字段中获取数组并将该数组加载到 Canvas 中:

<input type="hidden" name="insert_arry" value='<?=htmlspecialchars($get_result[$insert])?>' id="insert_arry">

// script for loading the json array of svg on canvas
// loading the view of canvas here
opc_Canvas_Load(
  opc_View[opc_Current_View].path.replace('thumb','large'),
  opc_Current_View
  );
responsive_slide('opc_Product_Slider', 'pWrapper');
jq(window).resize(function() {
  opc_Canvas_Load(opc_OverlayImg, opc_Current_View);
});

// tried to load the div first of canvas using jquery, won't work
$(".handler-area").first().css('display', 'block');

// getting the array stored in to the hidden field
var insert_arry = jq('#insert_arry').val();

// loading the json array in canvas
canvas.loadFromJSON(insert_arry.substring(1, insert_arry.length - 1));

对象在 Canvas 上加载，但它在刷新浏览器后显示图像。这可能是图像加载问题，但找不到确切的解决方法。

Answer 1

 // Wow ... Aftera lot of try i m done with this task 
 ///// working code 

 var insert_arry = jq('#insert_arry').val(); 
 canvas.loadFromJSON(insert_arry.substring(1, insert_arry .length-1));
 var  img = new Image(); img.onload = function() { 
 opc_Canvas_Load(opc_View[opc_Current_View].path.replace(‌​'thumb', 'large'), 
 opc_Current_View); responsive_slide('opc_Product_Slider', 'pWrapper'); 
 jq(window).resize(function() { opc_Canvas_Load(opc_OverlayImg, opc_Current_View); }); }

不错!!!!!