rernanded
Erfahrenes Mitglied
Hallo und ein verspätetes Neues Jahr.
Habe Probleme mit einem js-script - zusätzlich wird fabricjs genutzt.
Der Download per a-tag funktioniert gut, nur kann ich mir per Rechtsklick mit der Maus den Canvas-Inhalt nicht anzeigen lassen (ich sehe nur weiss) und und "Speichern unter" geht überhaupt nicht.
MONI
Habe Probleme mit einem js-script - zusätzlich wird fabricjs genutzt.
Der Download per a-tag funktioniert gut, nur kann ich mir per Rechtsklick mit der Maus den Canvas-Inhalt nicht anzeigen lassen (ich sehe nur weiss) und und "Speichern unter" geht überhaupt nicht.
MONI
HTML:
<script type='text/javascript' src='fabric_2.4.3.js'></script>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var canvas = new fabric.Canvas('imageCanvas', {
backgroundColor: 'rgb(255,255,255)'
});
var imageLoader = document.getElementById('imageLoader');
imageLoader.addEventListener('change', handleImage, false);
function handleImage(e) {
var reader = new FileReader();
reader.onload = function (event) {
var img = new Image();
img.onload = function () {
var imgInstance = new fabric.Image(img, {
scaleX: 0.1,
scaleY: 0.1
})
canvas.add(imgInstance);
}
img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);
}
download_img = function(element) {
var image = canvas.toDataURL("image/jpg");
element.href = image;
};
}//]]>
</script>
</head>
<body>
<div id="container">
<input type="file" id="imageLoader" name="imageLoader" />
<br /><br /><br />
<canvas id="imageCanvas" width="963px" height="654px"></canvas>
<br /><br /><br />
<a id="download_img" download="123.jpg" href="" onclick="download_img(this);">download_img</a>
</div>
</body>
