小编Zak*_*shi的帖子

我想在html5画布中将图像变成倾斜/透视/旋转.下面的图片正是我想要做的.

我有这个代码在画布中使用转换,但我不能用它做头或尾.有人能帮助我吗？

另外,我只希望在HTML5 Canvas中完成此操作而不是css.

var cs = Math.cos(angle1), sn = Math.sin(angle1);
var h = Math.cos(angle2);

var a = 100*cs, b = -100*sn, c = 200;
var d = h*100*sn, e = h*100*cs, f = 200;

ctx.setTransform(a, d, b, e, c, f);

我试图让我的代码使用谷歌浏览器扩展的内容脚本方法注入.这只适用于我的清单没有弹出页面而我的background.html有这个:

chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
chrome.tabs.executeScript(null, { file: "content_script.js" });
});
});

每次在具有PoPup页面的Chrome中加载新页面时,如何触发此代码？因为到目前为止它唯一的工作方式是当我点击扩展程序的浏览器操作按钮时.

另外在清单的内容脚本部分中,我已经包含了所有这些:

"content_scripts": [
{

"matches": ["http://jquery.com/*"],
"all_frames":true,
  "js": ["jquery.js","jquery-ui.min.js","content_script.js"],
   "run_at": "document_end"
}
],  

我试图制作一个简单的上传器,用户将文件从桌面拖放到网站元素中.我相信我弄明白了但是我似乎无法获得有关该文件的任何信息.如何通过拖放设置文件输入值？这是拖放代码我不确定它是否正确.当它绕过它时,盒子会改变颜色.

$(".droparea").bind({
  dragleave: function (e) {
                e.preventDefault();
            $(".droparea").css("backgroundColor","white");


            },
            drop: function (e) {
                e.preventDefault();
//something here to set the FileInput element val()
                           },
            dragenter: function (e) {
                e.preventDefault();
               $(".droparea").css("backgroundColor","Green");
            },
            dragover: function (e) {
                e.preventDefault();

            }
        });

我想将元素插入当前页面或只是追加，甚至更改简单元素的颜色。我怎样才能从我的谷歌扩展中做到这一点？