angularjs指令中的简单画布
发布时间:2020-12-17 17:44:05 所属栏目:安全 来源:网络整理
导读:我被困(可能是一些愚蠢的错误)试图用画布制作一个指令. 当我执行我的代码时,我得到一个元素.getContext不是一个看似奇怪的函数,因为我的元素实际上是一个HTMLCanvasElement. 这是我的指示 .directive('pitchCanvas',function() { function link(scope,elemen
我被困(可能是一些愚蠢的错误)试图用画布制作一个指令.
当我执行我的代码时,我得到一个元素.getContext不是一个看似奇怪的函数,因为我的元素实际上是一个HTMLCanvasElement. 这是我的指示 .directive('pitchCanvas',function() { function link(scope,element,attrs) { console.info('element: ' + element); var ctx = element.getContext('2d'); ctx.font = "30px Arial"; ctx.fillText("Hello World",10,50); } return { restrict: 'E',replace: true,scope: true,link: link,template: '<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;"></canvas>' }; }) 这是一个fiddle,我放置了我的代码的简化版本,无法工作. 任何帮助将非常感激. 解决方法
你应该替换:
element.getContext('2d'); 附: element[0].getContext('2d'); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |