一旦你完毕了PPAPI插件的开发，实际使用时可能会有下列需求：

  • 动态创建PPAPI插件
  • 删除PPAPI插件
  • 改变PPAPI插件的尺寸

实现起来非常easy，从JS里直接訪问DOM（BOM）就可以。以下是一个演示样例HTML文件：

<!DOCTYPE html>

<html>

  <!--

  Copyright (c) 2016 foruok@微信订阅号“程序视界”(programmer_sight).

  All rights reserved.

  Use of this source code is governed by a BSD-style license that can be

  found in the LICENSE file.

  -->

<head>

    <style type="text/css">

    #pluginContainer

    {

        padding: 0px;

        width: 1220px;

        height: 540px;

        background-color: gray;

    }

    </style>

    <script type="text/javascript">

      function createPlugin() {

        var plugin = document.createElement("embed");

        plugin.setAttribute("id", "explugin");

        plugin.setAttribute("type", "application/x-ppapi-example");

        plugin.setAttribute("width", "1200px");

        plugin.setAttribute("height", "520px");

        var container = document.getElementById("pluginContainer");

        container.appendChild(plugin);

      }

      function deletePlugin(){

        var container = document.getElementById("pluginContainer");

        var plugins = container.getElementsByTagName("embed");

        if(plugins.length >= 1){

          container.removeChild(plugins[0]);

        }

      }

      function changeSize() {

        var plugin = document.getElementById("examplePlugin");

        plugin.setAttribute("width", "600px");

        plugin.setAttribute("height", "300px");

      }

      function restoreSize() {

        var plugin = document.getElementById("examplePlugin");

        plugin.setAttribute("width", "1200px");

        plugin.setAttribute("height", "520px");

      }

    </script>

  <meta charset="UTF-8">

  <title>Plugin Test</title>

</head>

<body>

<input  type="button" value="CreatePPAPI" onclick="createPlugin()"/>

<input  type="button" value="ChangeSize" onclick="changeSize()"/>

<input  type="button" value="RestoreSize" onclick="restoreSize()"/>

<input  type="button" value="DeletePPAPI" onclick="deletePlugin()"/>

<div id="pluginContainer">

  <!--

  <embed id="examplePlugin" type="application/x-ppapi-example" width="1200px" height="520px" />

  -->

</div>

</body>

</html>

上面的HTML演示了创建、删除、改变大小几种常见的操作。

须要注意的是，当你删除一个PPAPI插件时，会调用到PPP_Instance的DidDestroy方法，你须要在这里的C++/C代码里删除插件实例，释放对应的资源。比方Graphics 2D。Image Data等。DidDestroy调用后，过一会儿。假设没有其它的插件实例存在。就会接着调用PPP_ShutdownModule。假设有，则不会。

个中逻辑，能够參考理解PPAPI的设计。

当你设置embed元素的width和height属性后，PPAPI插件里。PPP_Instance的DidChangeView方法会被调用，你须要在这里依据新尺寸又一次创建相关资源。

就这样吧。

其它參考文章详见我的专栏：【CEF与PPAPI开发】。

PPAPI插件的动态创建、改动、删除的更多相关文章

  1. js动态创建表格,删除行列的小例子

    js动态创建表格,删除行列的实例代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

  2. WPF 中动态创建和删除控件

    原文:WPF 中动态创建和删除控件 动态创建控件 1.容器控件.RegisterName("Name",要注册的控件)   //注册控件 2.容器控件.FindName(" ...

  3. js动态创建和删除option

    1.动态创建select function createSelect(){           var mySelect = document.createElement("select&q ...

  4. WPF 中动态创建、删除控件，注册控件名字，根据名字查找控件

    动态创建控件 1.容器控件.RegisterName("Name",要注册的控件)   //注册控件 2.容器控件.FindName("Name") as  控 ...

  5. 动态加入改动删除html表格内容

    1.需求 须要实现收银台上加入改动删除商品信息时顾显能够实时看到其变化 2.解决 收银台和顾显通过tcp传输进行数据通信,顾显通过操作html中的表格进行数据加入改动和删除操作 3.代码 mytest ...

  6. spring与quartz整合实现分布式动态创建，删除，改变执行时间定时任务(mysql数据库)

    背景:因为在项目中用到了定时任务,当时想到了spring的quartz,写完发现费了很大功夫,光是整合就花了一上午,其中最大的问题就是版本问题,项目中用的是spring3.2.8的版本,查阅发现,3. ...

  7. 通过JS动态创建和删除HTML元素

    <script type="text/javascript" language="Javascript"> function InputOnBlur ...

  8. Unity3D 中的面向对象设计 {游戏对象(创建、删除、获取)，以及添加修改组件}

    一.创建游戏对象 游戏对象分三种:(1) 将物体模型等资源由Project工程面板拖拽到Hierarchy层次面板中 (2) 由GameObject菜单创建Unity自带的游戏对象,如Cube.Cam ...

  9. [转]C# FileSystemWatcher监控指定文件或目录的文件的创建、删除、改动、重命名等活动

    觉得这个很常用..比如一些软件.   http://www.rabbit8.cn/DoNet/407.html   FileSystemWatcher控件主要功能: 监控指定文件或目录的文件的创建.删 ...

随机推荐

  1. day04_06 短路原则

    True和False不能写成ture和false,不然会报错 not not True or False and not True 按照not>and>or来进行括号 (not (not ...

  2. 【bzoj2476】战场的数目 矩阵乘法优化dp

    题目描述 (战场定义为对于最高的一列向两边都严格不增的“用积木搭成”的图形) 输入 输入文件最多包含25组测试数据,每个数据仅包含一行,有一个整数p(1<=p<=109),表示战场的图形周 ...

  3. hihoCoder #1157 建造金字塔

    这道题我想了一天才想清楚做法.AC 了之后去看别人写的题解,都是三言两语意识流式描述,我并不能读懂.我觉得很自卑,为何人家解这道题如此轻松.不过,我还是决定把我的解法写下来,并且一定要写清楚. 思路 ...

  4. java捕获不到存储过程里面手抛的错误

    采用spring的JDBCTemplate来操作增删查改,Basedao执行存储过程的方法如下: 此方法要么返回一个true,要么抛出异常: 现象: 当项目发布于tomcat中时,同样的代码,同样的过 ...

  5. js方法encodeURI后，关于get请求url长度的限制测试与总结

    (本文仅作个人记录只用比较啰嗦,重点只看红字部分即可) Test.jsp 请求test1.jsp IE11环境下,get请求url最多4096个字节: 请求的是http://localhost:908 ...

  6. python的dbutil

    目录机构如下: dbutil代码如下: #!/usr/bin/python # -*- coding:utf-8 -*- import configparser import pymysql clas ...

  7. Springboot 版本+ jdk 版本 + Maven 版本的匹配

    Spring boot 版本 Spring Framework jdk 版本 maven 版本 1.2.0 版本之前 6 3.0 1.2.0 4.1.3+ 6 3.2+ 1.2.1 4.1.3+ 7 ...

  8. 关于PHP xss 和 SQL 注入的问题

    漏洞无非这么几类,XSS.sql注入.命令执行.上传漏洞.本地包含.远程包含.权限绕过.信息泄露.cookie伪造.CSRF(跨站请求)等.这些漏洞不仅仅是针对PHP语言的,PHP如何有效防止这些漏洞 ...

  9. 【BZOJ2693】jzptab （莫比乌斯反演）

    Description 给你$n$,$m$,求 $\sum^n_{i=1} \sum^m_{j=1} \ lcm(x,y)$ 答案对$100000009$取模. 多组数据. Input 第一行有一个正 ...

  10. 标准C程序设计七---71

    Linux应用             编程深入            语言编程 标准C程序设计七---经典C11程序设计    以下内容为阅读:    <标准C程序设计>(第7版) 作者 ...