|
ios 13.3.1 运行附件demo,如果图片是本地图片会捕获异常 SecurityError: The operation is insecure.
- <script>
- var canvas;
- var context;
- function drawImageToCanvas(url) {
- console.log("drawImageToCanvas.............");
- var img = new Image();
- img.src = url
- img.onload = function () {
- context.drawImage(img, 0, 0, img.width, img.height, 0, 30, 200, 200);
- };
- }
- function convasToImg(){
- try{
- console.log("开始转换。。。。。。。。。。。。。。");
- var dataURL = canvas.toDataURL("image/jpg");
- var canvasImg = document.getElementById("canvasImg");
- canvasImg.src = dataURL;
- }catch (e) {
- console.log("catch e...............");
- console.log(e);
- }
- }
- window.onload = function() {
- canvas = document.getElementById("canvas");
- context = canvas.getContext("2d");
- context.fillText("文字信息", 10, 10);
- // 服务器需设置Access-Control-Allow-Origin字段允许跨域
- var url = 'https://dss3**.**/-rVXeDTa2gU2pMbgoY3K/it/u=3162798830,2010126759&fm=202&src=608&ernie-sim-title&mola=new&crop=v1';
- drawImageToCanvas(url);
- }
- apiready=function(){
- console.log("apiready:...............................")
- canvas = document.getElementById("canvas");
- context = canvas.getContext("2d");
- context.fillText("文字信息", 10, 10);
- var url = "../../image/frog.jpg";
- drawImageToCanvas(url);
- };
- </script>
复制代码 |
|